写点什么

前端开发:npm run serve 和 npm run dev 的区别

用户头像
三掌柜
关注
发布于: 2021 年 05 月 27 日

前端开发过程中运行 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: servenpm 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 脚手架的版本,具体情况还是要根据项目的实际情况来处理。


以上就是本章全部内容,欢迎关注三掌柜的微信公众号“程序猿 by 三掌柜”,三掌柜的新浪微博“三掌柜 666”,欢迎关注!

三掌柜的微信公众号:


三掌柜的新浪微博:


发布于: 2021 年 05 月 27 日阅读数: 44
用户头像

三掌柜

关注

某某某技术有限责任公司架构师 2021.02.05 加入

一分耕耘,不一定有一分收获,但十分耕耘,一定会有一分收获!

评论 (1 条评论)

发布
用户头像
5月日更打卡第十九天
2021 年 05 月 27 日 00:47
回复
没有更多了
前端开发:npm run serve和npm run dev的区别