|
vue打包的时候报vue[mini-css-extract-plugin]Conflicting order between 警告，特地去网上找了一下解决方法，在这里记录一下，
转自:墨水白云博主原创文章
地址:https://blog.csdn.net/lxy869718069/article/details/103504654
问题出现：
大体意思是说
mini-css-extract-plugin 这个插件在js里css的引入顺序导致的问题，如上图所述，就是指
component-build.vue和component-statistics.vue这两个公共组件在引入时候导致了顺序警告
如官方issue所言
https://github.com/webpack-contrib/mini-css-extract-plugin/issues/250
确实是css引入顺序问题
然后检查组件引入
分别在electric-fire.vue和water-system.vue里面引用了两个组件，但是import顺序出了问题，一个是先import component-build.vue 另一个是先import component-statistics.vue，这个就是诞生警告问源头。
现在修改water-system.vue为：
也就是import上下调换一个位置而已
结果：
没问题了。
这种情况一般出现在公用组件的引入过程中，一旦引入地点多了，内容复杂了就容易产生这种问题，如果觉得没必要可以尝试关闭这个警告。当然最好建议别关闭，不然有一些其他的警告可能也会出问题。还是全局搜索一下，找找哪里引入错了，改回来把！
| 
转播
