所以我尝试使用Babel转换我的代码,这样我就可以按节点运行它package.json构建就是这个,
"build": "babel ./public/src -d ./public/lib -w"
当我做npm run build
时
PS C:usersleepcbabelpublic> npm run build
> babel@1.0.0 build C:usersleepcbabel
> babel ./public/src -d ./public/lib -w
publicsrcblogpost.js -> publiclibblogpost.js
publicsrcmain.js -> publiclibmain.js
publicsrcpublication.js -> publiclibpublication.js
它运行正常,并向我展示了我想要的东西。我的.babelrc预设是es2015我运行main.js代码,就发生了这种情况。
PS C:usersleepcbabelpubliclib> 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:usersleepcbabelpubliclibmain.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' ]
}
这是img 中的文件和文件夹列表
我的代码覆盖得很好,但它仍然存在一些模块问题。我该如何解决这个问题?对不起,这是我第一次在这个网站上发布问题,如果我错过了一些信息,请告诉我。
编辑:
这是.babelrc
{
"presets": ["es2015"]
}
好吧,我应该把上面的两个答案结合起来。
首先,我必须检查我的导入插件是对是错。所以我只是重新安装了它。
npm install babel-plugin-import --save-dev
请确保不要忘记放置插件副本。在我的情况下,我在.babelrc 中使用这个
{
"presets": ["es2015"],
"plugins": [["import", { "libraryName": "antd" }]]
}
该"plugins": [["import", { "libraryName": "antd" }]
行表示导入js模。
还有接下来的东西,我必须使导入路径得到纠正。
import { create as newBlogPost } from "blogpost.js";
将其更改为
import { create as newBlogPost } from "./blogpost.js";
通过这样做,现在我可以得到我目前想要的结果。
PS C:UsersleePCbabelpubliclib> node main.js
Title: For and against let
By: Kyle Simpson
October 27, 2014
因此,大多数情况下,1。检查我是否错过了一些插件或软件包(在我的情况下,我忘记了导入软件包(2。确保检查您的导入路径
谢谢你们的帮助。