Vue前端开发报错提示“npm ERR! missing script: dev”的解决方案 - Web前端
作者:98wpeu发布时间:2026-09-15分类:网页前端技术浏览:5
导读:记得刚开始学习vue的时候,问题各种loading,有点“举步维艰”的感觉,现在回想起来,这些都是你掌握一门技术的必经之路。最近团队里有个新来的童鞋,问到一个问题:执行npmr...

记得刚开始学习vue的时候,问题各种loading,有点“举步维艰”的感觉,现在回想起来,这些都是你掌握一门技术的必经之路。最近团队里有个新来的童鞋,问到一个问题:执行npm run dev的时候出现“npm ERR! missing script: dev”报错。

熟悉VUE的童鞋应该初步可以判断是配置的问题,应该是没有dev这个命令属性。
解决方案
根据同事的配置,可以了打开项目的配置文件:package.JS里,找到"scripts": {},如图:

我们发现根本没dev的属性。正常情况如下图:

一对比,问题就很清晰了,在图1的配置里,你执行npm run dev,肯定报错啊,因为根本没这个配置,我们应该执行npm run serve才对。
其他疑问
有童鞋还是很疑惑,问啥没dev这个配置属性呢?
其实是Vue-cli版本问题,在使用vue-cli3搭建项目的时候会发现,vue-cli3运行项目的命令是npm run serve,和我们以前使用的npm run dev不一样,那如何修改为npm run dev呢?可以直接在package.json文件里面把serve修改dev即可。
总结
无论什么技术,我们要经常关注它的版本更新,这样才会避免一些低级的错误,您觉得呢?
相关推荐
- 介绍JS里一款强大的评分插件:raty - Web前端
- 你想要了解的关于vue里面axios的基本知识都在这里了 - Web前端
- 你了解过HTML之DOM nodeType属性吗? - Web前端
- Web前端开发:JavaScript中的字符串的一些应用 - Web前端
- Web前端开发:对于闭包和匿名函数的理解和应用 - Web前端
- SEO初学者对于"White Hat SEO(白帽SEO)"的认知 - Web前端
- 那些年我们曾经用过JavaScript的Null合并运算符 - Web前端
- ES6带来“定义变量和类(var、let、const与class)”的改革 - Web前端
- Web前端开发:探讨CSS3中元素位移、旋转、倾斜、缩放等方式 - Web前端
- 规范代码分层三部曲:controller、service和mapper - Web前端
- 网页前端技术排行
-
- 1[Web前端]用javascript实现默认图片替代未显示的图片 - Web前端
- 2分析Iconfont-阿里巴巴矢量常用图标库 - Web前端
- 3jQuery实例教程:制作网页中可折叠的面板 - Web前端
- 4【第六章】Foundation之按钮和下拉功能 - Web前端
- 5基于jquery的滚动条滚动固定div(附演示下载) - Web前端
- 6jQuery编写widget的一些技巧分享 - Web前端
- 7分享精心挑选的12款优秀jQuery Ajax分页插件和教程 - Web前端
- 8jQuery实现鼠标移到元素上动态提示消息框效果 - Web前端
- 9在Mac/PC上远程调试iPhone/iPad上的网页 - Web前端
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


