前端开发过程中运行Vue项目的时候,有时候使用npm run serve命令可以启动项目,有时候却会报错;有时候使用npm run dev命令可以启动项目,有时候却也会报错。是什么原因造成这种情况呢,原因在于Vue脚手架版本的问题,也可以理解为执行配置的脚本问题,有的脚手架版本支持npm run serve命令启动项目,有的脚手架版本却支持npm run dev命令启动项目。那么本篇博文就来分享一下怎么避免由于脚手架版本不同造成的启动项目时候的报错问题。
先来分享一个运行npm run serve命令启动项目不成功,报错如下:
Cheeng$ npm run serve
npm ERR! missing script: serve
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/Ceng/.npm/_logs/2020-11-13T058_226Z-debug.log
上述错误报错:npm ERR! missing script: serve问题,在VSCode的Terminal中运行启动项目出错,针对上述问题,直接去项目里面的package.json文件中查看。打开package.json文件,找到scripts,start这里面定义了运行Vue的时候是使用npm run serve还是npm run dev。具体的对比如下所示:
打开项目的package.json文件,找到该文件里面的scripts
根据scripts里面是serve还是dev来启动项目:
因此,在运行Vue项目的时候,npm run serve和npm run dev的区别就在于vue-cli脚手架的版本,具体情况还是要根据项目的实际情况来处理。
以上就是本章全部内容,欢迎关注三掌柜的微信公众号“iOS开发by三掌柜”,三掌柜的新浪微博“三掌柜666”,欢迎关注!
三掌柜的微信公众号:
三掌柜的新浪微博: