Taro 小程序编译警告

1,667 阅读1分钟

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 /> 的顺序调至一样即可