Taro 小程序编译警告
chunk common [mini-css-extract-plugin]
Conflicting order between:
- 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/@tarojs/mini-runner/node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-0-4!./src/components/TabBar/TabBar.scss
- 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/@tarojs/mini-runner/node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-0-4!./src/components/CustomNavBar/CustomNavBar.scss
原因
在 A 组件中引入方式如下:
import CustomNavBar from '@/components/CustomNavBar/CustomNavBar'
import TabBar from '@/components/TabBar/TabBar'
在 B 组件中引入方式如下:
import TabBar from '@/components/TabBar/TabBar'
import CustomNavBar from '@/components/CustomNavBar/CustomNavBar'
因为两个组件的引入顺序不同,因此才有编译警告
解决方案
将 A 和 B 组件引入<TabBar /> 和 <CustomNavBar /> 的顺序调至一样即可