获取错误“babel”未被识别为内部或外部命令,

rvpgvaaj  于 2022-12-08  发布在  Babel
关注(0)|答案(1)|浏览(125)

我有一个简单的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'
}
5ssjco0h

5ssjco0h1#

Hyy,[更新]
局部安装巴别塔

  • npm i @babel/core @babel/cli @babel/preset-env
  • 在package.json内添加npm脚本
"scripts": {
    "start-babel": "babel example.js --out-file main.dist.js"
  },
  • 您需要.babelrc文件用于所有配置
// basic need
{
    "presets": [
        "@babel/preset-env"
    ]
}
  • 通过npm run start-babel运行脚本,这将创建main.dist.js js transpiled文件
  • 您需要一些配置的.babelrc文件
  • 如果您已经在本地安装了@bable/core @babel/cli @bable/preset-env
  • 然后,您必须使用node_modules的babel.js的路径,如下所示

  • 如果使用-g全局安装,则不需要路径,只需使用babel即可

相关问题