Encountering an issue with vueJs webpack while trying to run it on the server using the command: npm run dev. Unfortunately, an error message keeps popping up.
Can anyone offer guidance on how to resolve this issue? Your help is greatly appreciated!
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
Sample of the package.json file
{
"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 file
module.exports={
entry:'./main.js',
output:{
path:_dirname, filename:‘'bundle.js'’
} }
Project file structure
|-index.html
|-main.js
|-App.vue
|-package.json
|-webpack.config.js