小编典典

Webpack由于SyntaxError无法捆绑

reactjs

我对在Windows上学习Django + ReactJS感兴趣,因此我按照本教程逐步进行了学习。

现在,我正处于捆绑阶段。当我运行打包机以进行快速检查时:

$ node_modules/.bin/webpack --config webpack.dev.config.js

我懂了node_modules is not recognized as a windows command。在尝试了不同的解决方案之后,我发现使用node命令前面的webpack命令正在执行webpack。

这样做似乎启动了,webpack但出现此错误:

$ node node_modules/.bin/webpack --config webpack.dev.config.js

\node_modules\.bin\webpack:2
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
          ^^^^^^^

SyntaxError: missing ) after argument list
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:599:28)
    at Object.Module._extensions..js (module.js:646:10)
    at Module.load (module.js:554:32)
    at tryModuleLoad (module.js:497:12)
    at Function.Module._load (module.js:489:3)
    at Function.Module.runMain (module.js:676:10)
    at startup (bootstrap_node.js:187:16)
    at bootstrap_node.js:608:3

这是由于package.json引起的错误吗?


阅读 301

收藏
2020-07-22

共1个答案

小编典典

本教程中提供的命令将在基于Unix的系统上运行,但在Windows上。打开您的node_modules /
.bin文件夹,注意实际上有两个文件:webpack(Unix)和webpack.cmd(Windows)。

解决这种差异的最简单方法是让Node Package
Manager(NPM)自动检测系统并为我们运行正确的二进制文件。要使用该功能,请在package.json中创建脚本字段:

"scripts": {
   "webpack": "webpack --config ./webpack.config.js"
 }

这是语法说明:

"scripts": {
   "SCRIPT_NAME": "BINARY_NAME attributes"
}

然后,您可以通过以下方式使用它:

npm run webpack

您可以在NPM运行脚本文档中阅读更多内容

2020-07-22