Question

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

谁能告诉我如何解决？非常感谢你！

错误消息

npm ERR！代码EJSONPARSE

npm ERR！无法解析json

npm ERR！意外的令牌/解析＆＃39; {

npm ERR！＆＃34; name＆＃34;：＆＃34; vue-loader-demo＆＃34;，

npm ERR！＆＃34; versio＆＃39;

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

演示/的package.json

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

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

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

JSON.parse

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

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 = {

项：＆＃39; ./ main.js＆＃39;，

输出：{
 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，部分错误）。

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

Answer 2

试试这个命令：

sudo npm run dev

Answer 3

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

Answer 4

请按照以下步骤操作，因为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

npm run dev not working

4 个答案: