问题阐述:
复现场景:小程序使用分包后不同页面引入相同组件顺序不一致。
⚠️ 编译警告. 2021/11/30 上午10:58:17
chunk common [mini-css-extract-plugin]
Conflicting order between:
* css ./node_modules/@tarojs/mini-runner/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-0-1!./node_modules/postcss-loader/src??postcss!./node_modules/less-loader/dist/cjs.js??ref--6-oneOf-0-3!./src/components/Modal/index.less
* css ./node_modules/@tarojs/mini-runner/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-0-1!./node_modules/postcss-loader/src??postcss!./node_modules/less-loader/dist/cjs.js??ref--6-oneOf-0-3!./src/components/Empty/index.less
chunk common [mini-css-extract-plugin]
Conflicting order between:
* css ./node_modules/@tarojs/mini-runner/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-0-1!./node_modules/postcss-loader/src??postcss!./node_modules/less-loader/dist/cjs.js??ref--6-oneOf-0-3!./src/components/Empty/index.less
* css ./node_modules/@tarojs/mini-runner/node_modules/css-loader/dist/cjs.js??ref--5-oneOf-0-1!./node_modules/postcss-loader/src??postcss!./node_modules/@tarojs/mini-runner/node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-0-4!./node_modules/taro-ui/dist/style/components/modal.scss
解决办法:
调整组件引入的顺序。
如,p1,p2页面引入a.css和b.css文件,p1和p2页面引入a和b两个组件的顺序保持一致即可。
import Modal from '../../components/Modal/index'
import Empty from '../../components/Empty/index'