npm run dev 不工作

Question

我vueJs webpack有问题，想在服务器上运行，命令：npm run dev。但我收到一些错误消息，如下所示。

谁能告诉我怎么解决？？非常感谢！

错误信息

npm 错误！代码 EJSONPARSE

npm 错误！解析json失败

npm 错误！意外的令牌/解析时’{

npm 错误！ “name”: “vue-loader-demo”,

npm 错误！ “版本”

npm 错误！文件：/Users/sylvia/Documents/FE/Practice/vue/vue-loader-

演示/package.json

npm 错误！无法解析 package.json 数据。

npm 错误！ package.json 必须是实际的 JSON，而不仅仅是 JavaScript。

npm 错误！ npm 错误！告诉包作者修复他们的 package.json 文件。

JSON.parse

npm 错误！可以在以下位置找到此运行的完整日志：

npm 错误！ /Users/sylvia/.npm/_logs/2018-04-17T12_39_56_372Z-debug.log

这是 package.json

 {
 "name": "vue-loader-demo",
 "version": "1.0.0",
 "description": "",
 "main": "main.js",
 "scripts": {
    "build": "webpack",
    "dev": "webpack-dev-server --devtool eval --progress --colors --hot"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "webpack": "^4.5.0",
    "webpack-dev-server": "^3.1.3"
  }
}

webpack.config.js

模块.出口={

条目：’./main.js’,

输出：{

  path:_dirname，

 filename:‘'bundle.js'’

} }

文件结构

|-index.html

|-main.js

|-App.vue

|-package.json

|-webpack.config.js

原文由 Sylvia 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我怀疑您遇到的问题是由 webpack.config.js 文件中的额外反引号引起的。

改变这个： filename:‘'bundle.js'’ 到这个： filename:'bundle.js'

假设我是正确的 - 此处触发的错误将导致 package.json 中引用的脚本失败，这将导致 webpack 不再看到有效的 JSON（因为它看到部分 JSON，部分错误）。

这可能会解释“ npm ERR！package.json 必须是实际的 JSON，而不仅仅是 JavaScript。 ”日志中的错误消息。

原文由 Alex Mulchinock 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

试试这个命令：

 sudo npm run dev

原文由 UdayanBKamble 发布，翻译遵循 CC BY-SA 4.0 许可协议