[英]babel command converts when run in terminal but running the script ends in error
I've been trying to get babel core and cli to convert modern JavaScript from index.js into bundle.js.我一直在尝试让 babel 核心和 cli 将现代 JavaScript 从 index.js 转换为 bundle.js。
here is my simple package.json这是我的简单 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"
}
}
now when I run node_modules/.bin/babel./src/index.js -w -o./dist/assets/bundle.js
in terminal, it works fine but when I try to run "npm run babel" in terminal, I get the following errors.现在当我在终端中运行
node_modules/.bin/babel./src/index.js -w -o./dist/assets/bundle.js
时,它工作正常但是当我尝试在终端中运行“npm run babel”时,我收到以下错误。 so far here is what I've tried:到目前为止,这是我尝试过的:
"babel": "node_modules/.bin/babel src/index.js -w -o dist/assets/bundle.js"
result: 'node_modules' is not recognized as an internal or external command, operable program or batch file.结果:“node_modules”未被识别为内部或外部命令、可运行程序或批处理文件。
"babel": "./node_modules/.bin/babel src/index.js -w -o dist/assets/bundle.js"
result:'.'结果:'。' is not recognized as an internal or external command, operable program or batch file.
不被识别为内部或外部命令、可运行程序或批处理文件。
I have also read this issue, which is basically:我也读过这个问题,基本上是:
"babel": "node ./node_modules/.bin/babel src/index.js -w -o dist/assets/bundle.js"
OR或者
"babel": "node ./node_modules/.bin/babel ./src/index.js -w -o ./dist/assets/bundle.js"
and I get the following error:我收到以下错误:
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
here is my folder structure (in case if its needed)这是我的文件夹结构(如果需要)
For those who are interested in resolving this issue, in Windows you can use the following:对于那些有兴趣解决此问题的人,在 Windows 中,您可以使用以下内容:
"scripts": {
"babel": ".\\node_modules\\.bin\\babel src\\index.js -w -o dist\\assets\\bundle.js"
},
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.