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.set() this.$set()引发的视图更新思考及注意事项
this.$set()和Vue.set()本质方法一样，前者可以用在methods中使用。这篇文章主要介绍了Vue.set() this.$set()引发的视图更新思考及注意事项,需要的朋友可以参考下2018-08-08
本文通过实例代码介绍对el-table表格的表头操作方法,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-03-03
本文通过两种方案给大家介绍了Vue程序化的事件监听器，每种方案通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2020-01-01
在vue3中父组件访问子组件中的属性和方法是需要借助于ref,苏哦一本文小编给大家介绍了vue3父组件如何使用ref获取获取子组件的属性和方法,文中详细的代码讲解,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了antd upload上传组件如何获取服务端返回数据问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
vue + el-tree 实现插入节点自定义名称数据的代码
这篇文章主要介绍了vue + el-tree 实现插入节点自定义名称数据的代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-12-12
这篇文章主要介绍了Vue中的插件：Vuex。本文将围绕它的优缺点、使用场景和示例展开详细的说明，感兴趣的小伙伴可以跟随小编一起了解一下2022-01-01
如今Vue3的势头正盛，在diff算法方面也做了相应的变化，利用到了最长递增子序列把性能又提升了一个档次。本文就来带大家简单解刨一下Vue3中的diff算法2023-02-02
这篇文章主要为大家详细介绍了vue+echarts实现数据实时更新，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
本篇文章主要介绍了详解Vue中添加过渡效果 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
最新评论