我有一个简单的tests.js文件,我想用一个源Map文件来跟踪它。我试着初始化依赖关系,但是提示符显示了错误。如果有人能指出问题所在和解决方案,我将不胜感激^^
测试.js
var add = (...arr) => {
return arr.reduce((sum, el) =>{
return sum+el;
}, 0)
}
console.log(add(1,2,3));
我一开始试过这些命令npm install -g babel-cli
npm install babel-preset-es2015
babel tests.js --out-file tests.dist.js --source-maps --presets=es2015
但是收到了同样的错误。我已经按照社区的另一个解决方案,但它仍然不工作。解决方案是删除node_modules并重新启动依赖关系。npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node
并在依赖项中添加"start": "nodemon --exec babel-node index.js",
。我检查了node_modules,它也有这些文件的存在。
节点模块/.bin/babel-node
节点模块/.bin/babel-node.cmd -仅适用于Windows
节点模块/@babel/节点/bin/babel-node.js
The solution I followed我仍然不知道如何解决这个问题。这是我第一次使用node和babel。我的node版本是v16.13.1
已编辑
文件夹结构
Y:.
| index.html
| package-lock.json
| package.json
| tests.js
| tree.txt
|
\---node_modules
| .package-lock.json
|
+---.bin
| babel
.....
好大啊!
软件包.json
{
"dependencies": {
"@babel/cli": "^7.16.8",
"@babel/core": "^7.16.12",
"@babel/preset-env": "^7.16.11"
}
}
.babelrc
{
"presents": [
"@babel/preset-env"
]
}
./节点模块/@babel/cli/bin/babel.js
require("../lib/babel");
**使用bash命令-**之后
./node_modules/@babel/cli/bin/babel.js example.js --out-file main.dist.js
错误
Error: Unknown option: .presents. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.
at throwUnknownError (Y:\babel work\node_modules\@babel\core\lib\config\validation\options.js:133:27)
at Y:\babel work\node_modules\@babel\core\lib\config\validation\options.js:118:5
at Array.forEach (<anonymous>)
at validateNested (Y:\babel work\node_modules\@babel\core\lib\config\validation\options.js:94:21)
at validate (Y:\babel work\node_modules\@babel\core\lib\config\validation\options.js:85:10)
at Y:\babel work\node_modules\@babel\core\lib\config\config-chain.js:209:34
at cachedFunction (Y:\babel work\node_modules\@babel\core\lib\config\caching.js:60:27)
at cachedFunction.next (<anonymous>)
at evaluateSync (Y:\babel work\node_modules\gensync\index.js:251:28)
at sync (Y:\babel work\node_modules\gensync\index.js:89:14) {
code: 'BABEL_UNKNOWN_OPTION'
}
1条答案
按热度按时间5ssjco0h1#
Hyy,[更新]
局部安装巴别塔
npm i @babel/core @babel/cli @babel/preset-env
npm
脚本.babelrc
文件用于所有配置npm run start-babel
运行脚本,这将创建main.dist.js
js transpiled文件.babelrc
文件@bable/core @babel/cli @bable/preset-env
babel
即可