通过 npm run 运行 Webpack 失败

Posted 2023-02-22

【中文标题】通过 npm run 运行 Webpack 失败

【英文标题】：Webpack fails when run through npm run

【发布时间】：2017-02-27 09:23:12

【问题描述】：

我正在尝试设置 React。当我尝试运行时

npm run webpack -p

它给出了以下错误。

npm ERR! Linux 4.4.0-43-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "run" "webpack" "-i"
npm ERR! node v6.8.1
npm ERR! npm  v3.10.8
npm ERR! file /home/phani/test/package.json
npm ERR! code EJSONPARSE

npm ERR! Failed to parse json
npm ERR! Trailing comma in object at 9:3
npm ERR!   ,
npm ERR!   ^
npm ERR! File: /home/phani/test/package.json
npm ERR! Failed to parse package.json data.
npm ERR! package.json must be actual JSON, not just javascript.
npm ERR! 
npm ERR! This is not a bug in npm.
npm ERR! Tell the package author to fix their package.json file. JSON.parse

npm ERR! Please include the following file with any support request:
npm ERR!     /home/phani/test/npm-debug.log

这是错误日志，

0 信息如果它以 ok 结尾，它就起作用了 1 详细的 cli ['/usr/bin/nodejs', '/usr/bin/npm', 'run', 'webpack', '-i'] 2 使用 npm@3.10.8 的信息 3 使用 node@v6.8.1 的信息 4 详细堆栈错误：无法解析 json 4 详细堆栈 对象中的尾随逗号在 9:3 4 详细堆栈 , 4 详细堆栈 ^ parseError 处的 4 个详细堆栈（/usr/lib/node_modules/npm/node_modules/read-package-json/read-json.js:390:11） parseJson 的 4 个详细堆栈（/usr/lib/node_modules/npm/node_modules/read-package-json/read-json.js:79:23） /usr/lib/node_modules/npm/node_modules/read-package-json/read-json.js:48:5 的 4 个详细堆栈 /usr/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:78:16 的 4 个详细堆栈 tryToString (fs.js:455:3) 处的 4 个详细堆栈 FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:442:12) 的 4 个详细堆栈 5 详细 cwd /home/phani/test 6 错误 Linux 4.4.0-43-generic 7 错误 argv “/usr/bin/nodejs” “/usr/bin/npm” “运行” “webpack” “-i” 8 错误节点 v6.8.1 9 错误 npm v3.10.8 10 错误文件/home/phani/test/package.json 11 错误代码 EJSONPARSE 12 错误解析json失败 12 错误 9:3 对象中的尾随逗号 12 错误, 12 错误 ^ 13 错误文件：/home/phani/test/package.json 14 错误解析 package.json 数据失败。 14 错误 package.json 必须是实际的 JSON，而不仅仅是 JavaScript。 14 错误 14 错误 这不是 npm 中的错误。 14 错误 告诉包作者修复他们的 package.json 文件。 JSON.parse 15 详细退出 [ 1, true ]

我尝试全局安装 webpack。错误仍然存​​在。

【问题讨论】：

您是否阅读了错误信息？ “告诉包作者修复他们的 package.json 文件。”

我是设置 package.json 文件的人。我正在按照教程说明进行操作。

【参考方案1】：

Npm 无法识别 webpack，因为它是依赖项之一，而不是 NPM 脚本。

如果您在本地安装了webpack（首选方法）- 在您的package.json 中添加一个脚本：

"scripts": 
   "build": "webpack -p"

然后使用npm run build 运行它。

如果您想使用全局安装的webpack - 使用webpack -p 运行它（不带npm run）。

【讨论】：

"scripts": "production": "webpack -p", ,

名字无关紧要。你在本地安装过 NPM 吗？

是的。所以我使用 webpack -p （没有 npm run）运行 webpack，它解决了这个问题。但是还是有一些错误。

这些是您的构建/代码中的错误。祝你好运:)