webpack运行报错

2022/3/2 23:47:36

本文主要是介绍webpack运行报错,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

当下版本(并不匹配):
在这里插入图片描述
后续安装一系列包…
package.json中进行相关配置:
在这里插入图片描述
报错:
在这里插入图片描述
npm ls --depth 0可见包版本不匹配:
在这里插入图片描述
查询相关资料,卸载项目相关不匹配版本包后安装匹配包版本:
在这里插入图片描述
在这里插入图片描述
此时报如下错:
在这里插入图片描述
更换vue-loader版本:
在这里插入图片描述
此时报如下错:
在这里插入图片描述
根据提示换包版本:
在这里插入图片描述
在这里插入图片描述
打包成功:
在这里插入图片描述
在这里插入图片描述
运行失败(粗心大意,- -hot):
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
。。。。。。

如此生活三十年。。。直到大厦崩塌。。。
在这里插入图片描述
在这里插入图片描述
编译成功:
在这里插入图片描述
运行成功:
在这里插入图片描述
查阅相关资料并总结,版本号问题。webpack运行报错 webpack-dev-server…等问题多为webpack与webpack-dev-server版本不兼容而导致编译出错。安装webpack-cli、webpack、webpack-dev-server时因为版本兼容性问题,上面所叙述插件一般都使用固定搭配版本。解决方法卸载版本并安装指定版本。



这篇关于webpack运行报错的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程