通过 npm run 运行 Webpack 失败

Question

我正在尝试设置 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。错误仍然存​​在。

Answer 1

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

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

"scripts": {
   "build": "webpack -p"
}

然后使用npm run build 运行它。

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