Vue项目npm操作npm run serve或npm run dev报错及二者的区别

更新时间：2023年10月30日 15:06:49 作者：黛琳ghz

这篇文章主要介绍了Vue项目npm操作npm run serve或npm run dev报错及二者的区别说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

问题分析

我们在启动vue项目的时候，需要用到npm操作，比如使用npm run serve或npm run dev。

比如说我们下载其他人的开源vue项目时，我们想在本地运行时，我们用的到npm run serve或npm run dev有时候会出现报错，无论是serve还是dev都有出现报错的情况。

报错原因

这个是npm run serve报错的原因，错误很简单，重点看这一句Missing script: "serve"

然后找到package.json，查看"script"这个对象，script里面确实没有serve，而是dev

然后用npm run dev来启动vue项目，发现项目可以启动成功

同理，npm run dev报错情况也是这样解决，直接上图

二者区别

首先我们要知道"script"是什么❓

翻译一下

因此我们可以知道不论是dev还是serve等这些值代表了该点可以run的命令

所以我们在运行 npm run serve 的时候，其实是在运行命令 vue-cli-service serve 。

通过上面的例子，我们可以看到，在package.json的script对象里，无论是serve还是dev对应的命令都是vue-cli-service serve，那么二者有什么区别呢？

通过对比脚手架版本(vue-cli)，我们可以发现不同的版本默认配置是不一样的

vue-cli2.0中

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

vue-cli3.0中

 "serve": "vue-cli-service serve",

因此我们在启动vue项目时，我们可以先查看清楚脚手架的版本(查看package.json)，再去启动

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue表格(table)计算总计方式
这篇文章主要介绍了vue表格(table)计算总计方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-07-07
解读Vue实例的属性及模板渲染
这篇文章主要介绍了解读Vue实例的属性及模板渲染问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12
vue多次循环操作示例
这篇文章主要介绍了vue多次循环操作,结合实例形式分析了vue.js针对json嵌套数据的多次循环读取操作相关实现技巧,需要的朋友可以参考下
2019-02-02
vue 代码高亮插件全面对比测评
这篇文章主要介绍了vue 代码高亮插件全面对比测评的相关资料，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下
2021-03-03
Vue3响应式对象数组不能实时DOM更新问题解决办法
在写大文件上传时,碰到关于 vue2 跟 vue3 对在循环中使用异步,并动态把普通对象添加进响应式数据,在异步前后修改该普通对象的某个属性,导致 vue2 跟 vue3 的视图更新不一致,引发一系列的思考,所以本文介绍了Vue3响应式对象数组不能实时DOM更新问题解决办法
2024-07-07
详解Vue适时清理keepalive缓存方案
说到Vue缓存，我们肯定首先选择官方提供的缓存方案keep-alive，本文主要介绍了详解Vue适时清理keepalive缓存方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-07-07
vue单页缓存方案分析及实现
这篇文章主要介绍了vue单页缓存方案分析及实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
vue template中slot-scope/scope的使用方法
今天小编就为大家分享一篇vue template中slot-scope/scope的使用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09
使用Element+vue实现开始与结束时间限制
这篇文章主要为大家详细介绍了使用Element+vue实现开始与结束时间限制，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
Vue3实现拖拽图片四角调整图片大小的示例详解
这篇文章主要为大家详细介绍了如何使用Vue3实现拖拽图片四角调整图片大小的效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
2025-10-10