webpack明明设置好了插件,为什么报错You forgot to add ‘mini-css-extract-plugin‘ plugin或vue-loader was used without

问题出现的情况

在开发脚手架的时候,我配置了一个vue环境的webpack5配置文件
遇到了一个奇怪的问题

  • vue-loader总是报错vue-loader was used without the corresponding plugin
  • mini-css-extract-plugin也一直报错You forgot to add ‘mini-css-extract-plugin‘ plugin

我的插件设置的好好的,这种情况依直觉来看很麻烦
去网上查,不管外网内网,果然都是一些普通错误的解决方案,没有我这种情况的

失败的解决方法

我尝试了一些通常的方法,但都没效果

  • 卸载重新安装插件
  • 降低webpack版本
  • 降低插件版本
  • 调整插件顺序
  • 安装辅助插件

这样来看,绝不是插件程序本身特性所导致的问题了,应该是更加麻烦的问题
应该就是源码有什么不为人知又不报错的冲突

最终解决方法

最终,我找到了发生冲突的插件了,就是speed-measure-webpack-plugin这个插件有问题
不使用它,则没有发生奇怪的情况,可以正常运行了

说来惭愧,我懒得溯源,直接大力出奇迹,从最外层的插件一堆一堆的试出来的(二分法很好用)
运气好,一下就找到了问题,一般来说核心的插件功能是不会出错的

最好,还找到了一篇分析到了这个问题的文章:webpack打包的项目中同时使用了css和less文件,加了speed-measure-webpack-plugin后为什么会出现这样的报错?

  • 8
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值