npm run dev 不工作

Question

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

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

错误信息

错误！ 代码 EJSONPARSE

错误！ 解析json失败

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

npm ERR：“名称”，“vue-loader-demo”，

错误！ “版本”

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

演示/package.json

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

npm 错误。 package,json 必须是实际的 JSON。 不仅仅是JavaScript。

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

JSON.解析

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

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

模块.exports={

条目：'./main.js'，

输出：{

 path:_dirname， filename:''bundle.js''

} }

文件结构

|-index.html

|-main.js

|-App.vue

|-package.json

|-webpack.config.js

Answer 1

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

将其更改为： filename:''bundle.js'' ： filename:'bundle.js'

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

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

Answer 2

试试这个命令：

sudo npm run dev

Answer 3

这是刚刚为我修复的问题：确保您当前的目录是正确的。 当运行 create next / react / vue apps 时，它们将创建一个新文件夹，您的 package.json 文件/脚本（以及所有其他重要文件）都位于其中，请务必在运行 npm run dev 之前进入该文件夹。

Answer 4

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

Answer 5

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

1. composer require laravel/ui --dev
2. npm install
3. npm run dev

不要使用npm install && npm run dev

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

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