vue[mini-css-extract-plugin]Conflicting order between 警告解决方式
问题出现:大体意思是说mini-css-extract-plugin 这个插件在js里css的引入顺序导致的问题,如上图所述,就是指component-build.vue和component-statistics.vue这两个公共组件在引入时候导致了顺序警告如官方issue所言https://github.com/webpack-contrib/mini-css-extract-plu...
问题出现:
大体意思是说
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上下调换一个位置而已
结果:
没问题了。
这种情况一般出现在公用组件的引入过程中,一旦引入地点多了,内容复杂了就容易产生这种问题,如果觉得没必要可以尝试关闭这个警告。当然最好建议别关闭,不然有一些其他的警告可能也会出问题。还是全局搜索一下,找找哪里引入错了,改回来把!哎!!!
更多推荐
所有评论(0)