npm run dev 不工作答案

【问题标题】：npm run dev not workingnpm run dev 不工作
【发布时间】：2018-04-17 12:56:57
【问题描述】：

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

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

错误信息

npm 错误！代码 EJSONPARSE

npm 错误！解析json失败

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

npm 错误！ "名称": "vue-loader-demo",

npm 错误！ “版本”

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

demo/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

module.exports={

entry:'./main.js',

输出：{
 path:_dirname，

 filename:‘'bundle.js'’
} }

文件结构

|-index.html

|-main.js

|-App.vue

|-package.json

|-webpack.config.js

【问题讨论】：

好像是package.json有问题，重新检查文件
可能是你的 webpack.config.js 文件有问题。你能把这个贴出来让我们看看吗？
@Alex Mulchinock 这里是 webpack.config.js 文件 module.exports={ entry:'./main.js', output:{ path:_dirname， filename:''bundle.js' ' } }
请在您的问题中添加代码。在 cmets 中很难阅读！
filename:‘'bundle.js'’ 看起来不对。

标签： javascript npm webpack vue.js

【解决方案1】：

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

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

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

这可能会解释“npm ERR! package.json must be actual JSON, not just JavaScript.”错误消息在您的日志中。

【讨论】：

【解决方案2】：

请按照以下步骤操作，因为 npm install && npm run dev 在 laravel 中不起作用

composer require laravel/ui --dev
npm install
npm run dev

不要使用 npm install && npm run dev

如果您还有其他问题，请转到路径并更改此路径

C:\Program Files\nodejs\node_modules\npm\bin

【讨论】：

如果有人在 2 年前回答过其他问题，请不要回答 (stackoverflow.com/a/49879922/1717031)。大多数情况下，当您的答案不起作用时。这里的问题显然是 webpack.config.js 中的语法错误，而不是 @sylvia 使用 npm 的方式。

【解决方案3】：

我使用http://package-json-validator.com/ 来检查您的文件，问题是作者不能为空：错误：[“作者字段应该有名字”]

【讨论】：

【解决方案4】：

试试这个命令：

sudo npm run dev

【讨论】：