npm run dev无法正常工作

Question

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

请问有人能告诉我如何解决它吗？非常感谢！

错误信息：

npm ERR! code EJSONPARSE npm ERR! Failed to parse json npm ERR! Unexpected token / while parsing '{ npm ERR! "name": "vue-loader-demo", npm ERR! "versio' npm ERR! File: /Users/sylvia/Documents/FE/Practice/vue/vue-loader-demo/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! Tell the package author to fix their package.json file. JSON.parse npm ERR! A complete log of this run can be found in: npm ERR! /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',

output:{

 path:_dirname，

 filename:‘'bundle.js'’

} }

文件结构

|-index.html（网页主文件）

|-main.js（主要的JS代码）

|-App.vue（Vue.js框架组件）

|-package.json（项目配置文件）

|-webpack.config.js（Webpack打包配置文件）

- Sylvia

---

似乎package.json文件出了一些问题，请重新检查该文件。 - Abhay Srivastav

可能是你的webpack.config.js文件出了问题。你能否尝试将它发布出来让我们看一下？ - Alex Mulchinock

@Alex Mulchinock以下是 webpack.config.js 文件的内容module.exports={ entry:'./main.js', output:{ path:_dirname， filename:‘'bundle.js'’ } } - Sylvia

请在您的问题中添加代码。在评论中阅读起来很困难！ - Alex Mulchinock

@Alex Mulchinock 抱歉，问题已更新 - Sylvia

文件名：bundle.js 看起来不对劲。 - ceejayoz

Answer 1

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

将这个代码：filename:‘'bundle.js'’更改为：filename:'bundle.js' 假设我是正确的——在此处触发的错误将导致package.json中引用的脚本失败，这将导致webpack不再看到有效的JSON（因为它看到了部分JSON，部分错误）。

这可能解释了你日志中的"npm ERR！package.json必须是实际的JSON，而不仅仅是JavaScript。"错误信息。

- Alex Mulchinock

Answer 2

尝试运行这个命令：

sudo npm run dev

- UdayanBKamble

Answer 3

这是刚刚为我解决问题的方法： 确保您的当前目录是正确的。当运行创建下一个/反应/视图应用程序时，它们将创建一个新文件夹，其中包含您的package.json文件/脚本（以及其他所有重要文件），请确保在运行npm run dev之前cd到该文件夹中。

- Santiago Diaz

Answer 4

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

- lolops

Answer 5

在laravel中，如果npm install && npm run dev无法正常工作，请按照以下步骤操作：

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

- barek ibrahim

---

请不要在别人已经在两年前回答过的情况下提供其他答案（https://dev59.com/9Br8s4cB2Jgan1zno6sj#49879922）。尤其是当你的答案行不通时。这里的问题明显是webpack.config.js中的语法错误，而不是@sylvia使用npm的方式。 - MathKimRobin