npm run dev失败如何解决

发布时间:2022-07-15 13:58:45 作者:iii
来源:亿速云 阅读:199

本篇内容主要讲解“npm run dev失败如何解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“npm run dev失败如何解决”吧!

记录学习TS和Vue过程中遇到的问题及解决办法

下载好相关依赖包后,每次npm run dev时,都会出现以下问题:

npm run dev失败如何解决

输入yes进行下载,但是不会下载成功。输入NO则会直接结束,不会执行。

npm run dev失败如何解决

于是我根据yes之后的报错信息,去到log里面查看

npm run dev失败如何解决

嗯,看了半天没看懂!

于是我就查看依赖包的版本号是否有问题,版本号如下:

npm run dev失败如何解决

于是根据版本号再到处收集相关信息,终于找到问题了!

我们报错的提示是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失败如何解决

到此,相信大家对“npm run dev失败如何解决”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. npm install、npm install --save与npm install -dev区别
  2. npm --save和--save-dev区别

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

npm run dev

上一篇:如何应用SOLID原则

下一篇:SpringBoot怎么接入钉钉自定义机器人预警通知

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》