npm run dev失败的解决办法

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

下载好相关依赖包后,每次npm run dev时,都会出现以下问题:
请添加图片描述
输入yes进行下载,但是不会下载成功。输入NO则会直接结束,不会执行。
npm run dev失败的解决办法_第1张图片
于是我根据yes之后的报错信息,去到log里面查看npm run dev失败的解决办法_第2张图片
嗯,看了半天没看懂!
于是我就查看依赖包的版本号是否有问题,版本号如下:
npm run dev失败的解决办法_第3张图片
于是根据版本号再到处收集相关信息,终于找到问题了!
我们报错的提示是webpack-cli这个包出现了问题,问你是否重装啥的,那我们就对这个包的版本号进行一个查询,结果就查到了。我装的是[email protected]版本,于是我升级到了[email protected]。至于为什么,应该是老版本不兼容吧,导致出现了这样一个BUG。输入npm install -D [email protected]运行就可以了。然后再npm run dev发现可以了,不会再报这个错了!

但是,又报了其他错误。这个错误很简单,就是自己的node_modules文件夹里的东西出现问题。这个很容易就解决了。

解决办法:

将node_modules文件夹删除掉,然后输入npm install下载安装依赖包,各版本号如下:
npm run dev失败的解决办法_第4张图片
最后输入npm run dev运行就可以了!红线位置,就是访问页面的地址。
npm run dev失败的解决办法_第5张图片
如果大家有更好的解决办法,欢迎评论区留言讨论!
npm run dev失败的解决办法_第6张图片

你可能感兴趣的:(Vue,typescript,vue,webpack)