Javascript ';找不到模块错误';在我使用babel转换我的JS代码之后。(即使文件转换得很好,仍然有问题)
所以我试着用Babel来转换我的代码,这样我就可以按节点运行它了package.jsonbuild就是这样Javascript ';找不到模块错误';在我使用babel转换我的JS代码之后。(即使文件转换得很好,仍然有问题),javascript,node.js,babeljs,Javascript,Node.js,Babeljs,所以我试着用Babel来转换我的代码,这样我就可以按节点运行它了package.jsonbuild就是这样 "build": "babel ./public/src -d ./public/lib -w" 当我执行npm运行build时 PS C:\users\leepc\babel\public> npm run build > babel@1.0.0 build C:\users\leepc\babel > babel ./public/src -d ./public/
"build": "babel ./public/src -d ./public/lib -w"
当我执行npm运行build时
PS C:\users\leepc\babel\public> npm run build
> babel@1.0.0 build C:\users\leepc\babel
> babel ./public/src -d ./public/lib -w
public\src\blogpost.js -> public\lib\blogpost.js
public\src\main.js -> public\lib\main.js
public\src\publication.js -> public\lib\publication.js
它工作正常,能准确地告诉我我想要什么。
我的.babelrc预设为es2015
我运行了我的main.js代码,这就发生了
PS C:\users\leepc\babel\public\lib> node main.js
internal/modules/cjs/loader.js:984
throw err;
^
at Function.Module._load
(internal/modules/cjs/loader.js:863:27)
at Module.require
(internal/modules/cjs/loader.js:1043:19)
at require (internal/modules/cjs/helpers.js:77:18)
at Object.<anonymous>
(C:\users\leepc\babel\public\lib\main.js:3:17)
at Module._compile
(internal/modules/cjs/loader.js:1157:30) 17)
at Object.Module._extensions..js
(internal/modules/cjs/loader.js:1177:
10)
at Module.load (internal/modules/cjs/loader.js:1001:32)
at Function.Module._load
(internal/modules/cjs/loader.js:900:14)
at Function.executeUserEntryPoint [as runMain]
(internal/modules/run_m
ain.js:74:12) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\users\\leepc\\babel\\public\\lib\\main.js' ]
}
好吧,结果是,我应该把上面的两个答案结合起来 首先,我必须检查我的导入插件是否正确。所以我只是重新安装了它
npm install babel-plugin-import --save-dev
确保不要忘记放置插件的意见。在我的例子中,我在.babelrc中使用这个
{
"presets": ["es2015"],
"plugins": [["import", { "libraryName": "antd" }]]
}
此“插件”:[[“导入”,{“库名”:“antd”}]
行表示导入js模块
还有下一件事,我必须修正导入路径
import { create as newBlogPost } from "blogpost.js";
将此更改为
import { create as newBlogPost } from "./blogpost.js";
通过这样做,现在我可以得到我目前想要的结果
PS C:\Users\leePC\babel\public\lib> node main.js
Title: For and against let
By: Kyle Simpson
October 27, 2014
所以主要是,1.检查我是否遗漏了一些插件或包(在我的情况下,我忘记了导入包)2.确保检查您的导入路径
谢谢你们的帮助。好的,我应该把上面的两个答案结合起来 首先,我必须检查我的导入插件是否正确,所以我只是重新安装了它
npm install babel-plugin-import --save-dev
确保不要忘记放置插件的意见。在我的情况下,我在.babelrc中使用它
{
"presets": ["es2015"],
"plugins": [["import", { "libraryName": "antd" }]]
}
此“插件”:[[“导入”,{“库名”:“antd”}]
行表示导入js模块
还有下一件事,我必须修正导入路径
import { create as newBlogPost } from "blogpost.js";
将此更改为
import { create as newBlogPost } from "./blogpost.js";
通过这样做,现在我可以得到我目前想要的结果
PS C:\Users\leePC\babel\public\lib> node main.js
Title: For and against let
By: Kyle Simpson
October 27, 2014
所以主要是,1.检查我是否遗漏了一些插件或包(在我的情况下,我忘记了导入包)2.确保检查您的导入路径
谢谢大家的帮助。你能发布你的.babelrc文件吗?好的。我编辑了我的帖子,最后一个是.babelrc代码。尝试使用env预设目标节点,如下所述:嗯,很遗憾,它不起作用。也许我应该再次检查我的代码。哦,nvm,结果是,我应该放一个插件..哈哈,你能发布你的.babelrc文件吗?好的。我编辑了我的帖子a最后一个是.babelrc代码。尝试使用env预设目标节点,如下所述:嗯,很遗憾,它不起作用。也许我应该再次检查我的代码。哦,nvm,原来,我应该放一个插件..哈哈