npm run dev失败的简单解决办法
更新时间：2022年07月15日 10:15:00 作者：W~J~L
最近工作中遇到了npm run dev报错这个问题,通过查找相关资料最终解决了,所以下面这篇文章主要给大家介绍了关于npm run dev失败的详细解决办法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
记录学习TS和Vue过程中遇到的问题及解决办法
下载好相关依赖包后，每次npm run dev时，都会出现以下问题：
输入yes进行下载，但是不会下载成功。输入NO则会直接结束，不会执行。
于是我根据yes之后的报错信息，去到log里面查看
嗯，看了半天没看懂！
于是我就查看依赖包的版本号是否有问题，版本号如下：
于是根据版本号再到处收集相关信息，终于找到问题了！
我们报错的提示是webpack-cli这个包出现了问题，问你是否重装啥的，那我们就对这个包的版本号进行一个查询，结果就查到了。我装的是webpack-cli@4.1.0版本，于是我升级到了webpack-cli@4.2.0。至于为什么，应该是老版本不兼容吧，导致出现了这样一个BUG。输入npm install -D webpack-cli@4.2.0运行就可以了。然后再npm run dev发现可以了，不会再报这个错了！
但是，又报了其他错误。这个错误很简单，就是自己的node_modules文件夹里的东西出现问题。这个很容易就解决了。
解决办法：
将node_modules文件夹删除掉，然后输入npm install下载安装依赖包,各版本号如下：
最后输入npm run dev运行就可以了！红线位置，就是访问页面的地址。
总结
到此这篇关于npm run dev失败的详细解决办法的文章就介绍到这了,更多相关npm run dev失败解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
在开发过程中,绑定账号和电脑的功能可以通过获取电脑的MAC地址实现,下面这篇文章主要介绍了vue前端获取不同客户端mac地址的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-10-10
前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能,本文主要介绍了vue分片上传视频并转换为m3u8文件播放的实现示例,感兴趣的可以了解一下2023-11-11
这篇文章主要介绍了解决vuex数据页面刷新后初始化操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vue设计一个倒计时秒杀的组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
下面小编就为大家带来一篇iview给radio按钮组件加点击事件的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了vue项目Luckysheet的使用,目前Luckysheet不支持使用npm安装包，所以只能使用CDN引入依赖，在vue项目的public/index.html文件里引入即可，本文通过示例代码给大家详细介绍，需要的朋友可以参考下2022-08-08
本篇文章将与各位开发者分享下 vue-native-websocket 库的使用以及配置，通过实例代码给大家分享Vue通过配置WebSocket并实现群聊功能，需要的朋友可以参考下2019-12-12
这篇文章主要介绍了vue展示dicom文件医疗系统的实现代码，非常不错，具有一定的参考借鉴加载,需要的朋友可以参考下2018-08-08
今天小编就为大家分享一篇关于vue里页面的缓存详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
在本篇文章里小编给大家整理的是关于vue中使用rem布局代码详解知识点，需要的朋友们参考下。2019-10-10
最新评论