您现在的位置是:网站首页> 编程资料编程资料
npm run dev失败的简单解决办法_vue.js_
2023-05-24
338人已围观
简介 npm run dev失败的简单解决办法_vue.js_
记录学习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失败解决内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
相关内容
- 教你应用 SOLID 原则整理 React 代码之单一原则_React_
- 跨端开发框架avm组件封装经验分享_JavaScript_
- 如何应用 SOLID 原则在 React 中整理代码之开闭原则_React_
- vue实现多级菜单效果_vue.js_
- JavaScript 内置对象 BigInt详细解析_javascript技巧_
- 一步步带你用vite简单搭建ts+vue3全家桶_vue.js_
- 在React中应用SOLID原则的方法_React_
- JavaScript宏任务和微任务区别介绍_javascript技巧_
- 利用Vite搭建Vue3+ElementUI-Plus项目的全过程_vue.js_
- Vue+Element ui实现树形控件右键菜单_vue.js_
