最新要闻

广告

手机

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

家电

环球新资讯:taro 编译报:模块引入顺序不一致报错

来源:博客园


(资料图片仅供参考)

前情

最近在开发一个小程序项目,基于公司的技术栈是React,于是使用Taro来开发小程序。

坑位

在开发中经常性的报类似如下的错误,大致意思是说你引入模块的顺序在不同模块中不一致

Why?

主要是mini-css-extract-plugin插件为了避免样式冲突,对你模块引入的css顺序有要求

解决方案

方案1(推荐):

根据提示的文件,对比这几个文件模块引入的顺序修正顺序即可

方案2:

如果实在冲突比较多或者很难找到哪里出错,就像我这种情况,对比了顺序真的是一样的,就是报错,可以在config/index.js文件下mini配置忽略css引入顺序,这样整个项目再也不会报类似的警告

mini: {...miniCssExtractPluginOption: {   ignoreOrder: true   // 解决css引入顺序不一导致冲突的警告问题 }}

关键词: 解决方案 意思是说 这种情况