问题出现的情况
在开发脚手架的时候,我配置了一个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后为什么会出现这样的报错?