Vue启动报错- Npm run dev报错:missing script: dev
今天在运行Vue项目时,在运行npm run dev时报错如下图:
在这里插入图片描述
打开package.json文件夹,看文件夹里的scripts看有无dev选项

情况一:

打开的是当前文件夹,文件夹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中丢失的:

    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"

重新下载过来,然后在npm intall 安装依赖,最后 npm run dev即可
也适用于解决start, build丢失

情况三:

运行命令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相同,问题就这样愉快地解决了;
在这里插入图片描述

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐