VsCode启动Vue项目报错
情况如下图:
情况一:
打开的是当前文件夹,文件夹package.js里的scripts确实有dev,
可就是好不到,什么原因呢?最后一看路径不对,vue init webpack my-project时,自己又建立一个文件夹,取不到对应的package.js中的dev.
cd 到对应文件夹,重新运行npm run dev 就OK了。
情况二:
还有一种情况,打开的是当前文件夹,但是文件夹package.js里的scripts确实没有dev,
输入vue init webpack 将package.json中丢失的数据重新下载过来,然后在npm intall 安装依赖,最后 npm run dev即可
也适用于解决start, build丢失
下载完成后检查packege.json中是否已有dev
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js"
情况三:
运行命令npm run dev 出现 npm ERR! missing script: dev 的错误
这是因为vue 版本问题,使用 npm run serve 来运行项目
若上述仍不能解决,那你可能遇到和我一样的错误,运行的是一个很久之前的项目,上述操作之后又报了新的错误
Module build failed: Error: Vue packages version mismatch:
解决办法:
很明显,这是vue版本冲突问题,但是,主要问题不是vue-loader和vue-template-compiler的冲突,而是vue和vue-template-compiler的冲突,所以,我将vue版本修正为与vue-template-compiler相同,问题就这样愉快地解决了;