babel 命令在终端中运行时转换但运行脚本以错误结束答案

【问题标题】：babel command converts when run in terminal but running the script ends in errorbabel 命令在终端中运行时转换但运行脚本以错误结束
【发布时间】：2022-01-11 06:39:18
【问题描述】：

我一直在尝试使用 babel core 和 cli 将现代 JavaScript 从 index.js 转换为 bundle.js。

这是我的简单 package.json

{
    "name": "chapter19",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "babel": "./node_modules/.bin/babel ./src/index.js -w -o ./dist/assets/bundle.js"
    },
    "author": "",
    "license": "ISC",
    "devDependencies": {
        "@babel/cli": "^7.16.7",
        "@babel/core": "^7.16.7",
        "@babel/preset-env": "^7.16.7",
        "babel-loader": "^8.2.3"
    }
}

现在，当我在终端中运行 node_modules/.bin/babel ./src/index.js -w -o ./dist/assets/bundle.js 时，它可以正常工作，但是当我尝试在终端中运行“npm run babel”时，出现以下错误。到目前为止，这是我尝试过的：

"babel": "node_modules/.bin/babel src/index.js -w -o dist/assets/bundle.js"

结果：“node_modules”未被识别为内部或外部命令，可运行的程序或批处理文件。

"babel": "./node_modules/.bin/babel src/index.js -w -o dist/assets/bundle.js"

结果：'.'不被识别为内部或外部命令，可运行的程序或批处理文件。

我也看过this issue，基本上是：

"babel": "node ./node_modules/.bin/babel src/index.js -w -o dist/assets/bundle.js"

或

"babel": "node ./node_modules/.bin/babel ./src/index.js -w -o ./dist/assets/bundle.js"

我收到以下错误：

SyntaxError: missing ) after argument list
    at Object.compileFunction (node:vm:352:18)
    at wrapSafe (node:internal/modules/cjs/loader:1031:15)
    at Module._compile (node:internal/modules/cjs/loader:1065:27)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:17:47

这是我的文件夹结构（如果需要）

【问题讨论】：

标签： javascript node.js terminal babeljs babel-loader

【解决方案1】：

对于那些有兴趣解决此问题的人，在 Windows 中您可以使用以下内容：

"scripts": {
    "babel": ".\\node_modules\\.bin\\babel src\\index.js -w -o dist\\assets\\bundle.js"
},

【讨论】：