文章图片
记得刚开始学习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即可。
总结
【Vue前端开发报错提示“npm ERR! missing script: dev”的解决方案】无论什么技术,我们要经常关注它的版本更新,这样才会避免一些低级的错误,您觉得呢?
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 前端开发|Vue2.x API 学习
- vue|Vue面试常用详细总结
- vue|电商后台管理系统(vue+python|node.js)
- 腾讯TEG实习|腾讯实习——Vue解决跨域请求
- Vue|vue-router 详解
- vue|vue3替代vuex的框架piniajs实例教程
- Vue|Vue3.0的插槽是如何实现的()
- 前端|面试官(谈谈Vue和React的区别())