taro 編譯報:模塊引入順序不一致報錯

前情


最近在開發一個小程序項目,基於公司的技術棧是React,於是使用Taro來開發小程序。

坑位


在開發中經常性的報類似如下的錯誤,大致意思是說你引入模塊的順序在不同模塊中不一致

error.png

Why?


主要是mini-css-extract-plugin插件爲了避免樣式衝突,對你模塊引入的css順序有要求

解決方案


方案1(推薦):

根據提示的文件,對比這幾個文件模塊引入的順序修正順序即可

方案2:

如果實在衝突比較多或者很難找到哪裏出錯,就像我這種情況,對比了順序真的是一樣的,就是報錯,可以在config/index.js文件下mini配置忽略css引入順序,這樣整個項目再也不會報類似的警告

mini: {
	...
	miniCssExtractPluginOption: {
   ignoreOrder: true   // 解決css引入順序不一導致衝突的警告問題
 }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章