微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

webpack运行报错

当下版本(并不匹配):

在这里插入图片描述

后续安装一系列包…
package.json中进行相关配置:

在这里插入图片描述

报错:

在这里插入图片描述

npm ls --depth 0可见包版本不匹配:

在这里插入图片描述

查询相关资料,卸载项目相关不匹配版本包后安装匹配包版本:

在这里插入图片描述

在这里插入图片描述

此时报如下错:

在这里插入图片描述


更换vue-loader版本:

在这里插入图片描述


此时报如下错:

在这里插入图片描述


根据提示换包版本:

在这里插入图片描述


在这里插入图片描述


打包成功:

在这里插入图片描述


在这里插入图片描述


运行失败(粗心大意,- -hot):

在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


。。。。。。

如此生活三十年。。。直到大厦崩塌。。。

在这里插入图片描述


在这里插入图片描述


编译成功:

在这里插入图片描述


运行成功:

在这里插入图片描述


查阅相关资料并总结,版本号问题。webpack运行报错 webpack-dev-server…等问题多为webpack与webpack-dev-server版本不兼容而导致编译出错。安装webpack-cli、webpack、webpack-dev-server时因为版本兼容性问题,上面所叙述插件一般都使用固定搭配版本。解决方法卸载版本并安装指定版本。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐