Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
180
rated 0 times [  185] [ 5]  / answers: 1 / hits: 50112  / 6 Years ago, tue, april 17, 2018, 12:00:00

I have a problem with vueJs webpack, I want to run on the server, with a command: npm run dev. But I get some error message as below.



Could anyone tell me how do I solve it?? Thank you very much!



Error message




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




Here is the 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'’


}
}




File structure




|-index.html



|-main.js



|-App.vue



|-package.json



|-webpack.config.js



More From » npm

 Answers
6

I suspect the issue you're having is caused by the additional backticks in your webpack.config.js file.



Change this: filename:‘'bundle.js'’
To this: filename:'bundle.js'



Assuming I am correct - an error triggered here will cause the script referenced in the package.json to fail, which would result in webpack no longer seeing valid JSON (as it is seeing part JSON, part error).



This would potentially explain the npm ERR! package.json must be actual JSON, not just JavaScript. error message in your log.


[#54642] Saturday, April 14, 2018, 6 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
dominics

Total Points: 424
Total Questions: 99
Total Answers: 107

Location: South Korea
Member since Fri, Sep 11, 2020
4 Years ago
dominics questions
Wed, Apr 6, 22, 00:00, 2 Years ago
Thu, Jan 13, 22, 00:00, 2 Years ago
Fri, Sep 18, 20, 00:00, 4 Years ago
;