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失败解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了vue项目刷新当前页面的三种方式(重载当前页面数据),本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-01-01
在日常的工作中，有时候会碰到需要将某个网址网页保存成为pdf的情况，这篇文章主要介绍了用Vue实现网页转PDF的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要介绍了Vue组件之作用域插槽，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
下面小编就为大家分享一篇vue.js2.0点击获取自己的属性和jquery方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
本文分步骤给大家介绍了基于vue cli重构多页面脚手架过程，非常不错，具有参考借鉴价值，需要的朋友参考下2018-01-01
这篇文章主要介绍了Vue实现圆环进度条的示例，帮助大家更好的理解和使用前端框架进行开发，感兴趣的朋友可以了解下2021-02-02
今天小编就为大家分享一篇Vue.set()动态的新增与修改数据,触发视图更新的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
如何利用Vue3+Element Plus实现动态标签页及右键菜单
标签页一般配合菜单实现,当你点击一级菜单或者二级菜单时,可以增加对应的标签页,当你点击对应的标签页,可以触发对应的一级菜单或者二级菜单,下面这篇文章主要给大家介绍了关于如何利用Vue3+Element Plus实现动态标签页及右键菜单的相关资料,需要的朋友可以参考下2022-11-11
vue cli4中mockjs在dev环境和build环境的配置详情
这篇文章主要介绍了vue cli4中mockjs在dev环境和build环境的配置详情，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue如何使用rem适配，帮助大家处理vue开发移动应用时的兼容性问题，感兴趣的朋友可以了解下2021-02-02
最新评论