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失败解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Vuex模块化与持久化深入讲解
在实际项目开发过程中，如果公共数据比较多我们会使用vuex做公共状态管理，但是在对浏览器进行刷新操作的时候，会导致vuex内的数据丢失，这种情况有些时候是没问题的，但是有的时候我们需要某些数据可以持久化的保存，这样就需要做对应的处理
2023-01-01
Vue-ANTD表单输入中自定义校验一些正则表达式规则介绍
这篇文章主要介绍了Vue-ANTD表单输入中自定义校验一些正则表达式规则介绍,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-01-01
解决iview table组件里的固定列表格不自适应的问题
这篇文章主要介绍了解决iview table组件里的固定列表格不自适应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
基于Vue3创建一个简单的倒计时组件
这篇文章主要给大家介绍了基于Vue3创建一个简单的倒计时组件的代码示例,文中通过代码示例介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下
2023-11-11
Vant实现上传多个图片或视频,更改视频预览图
这篇文章主要介绍了Vant实现上传多个图片或视频,更改视频预览图，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-10-10
Vue实现tab导航栏并支持左右滑动功能
本文给大家介绍利用Vue实现tab导航栏，并且通过flex布局实现左右滑动效果，通过代码给大家分享tab导航栏布局的实现，本文给大家展示了完整代码，需要的朋友参考下吧
2021-06-06
基于element-ui封装表单金额输入框的方法示例
这篇文章主要介绍了基于element-ui封装表单金额输入框的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-01-01
Vue对象赋值视图不更新问题及解决方法
这篇文章主要介绍了Vue对象赋值视图不更新问题及解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-06-06
羊了个羊通关脚本Vue node实现版本
这篇文章主要为大家介绍了羊了个羊通关脚本Vue node实现版本，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
vue element实现多个Formt表单同时验证
这篇文章主要介绍了vue element实现多个Formt表单同时验证方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-06-06