vue3的taro项目报错Error: chunk common [mini-css-extract-plugin]

 

 

2024-11-14294阅读1分钟

 

专栏： 

在哪跌倒在哪里爬起来

 

• 原因：

mini-css-extract-plugin这个插件抛出的，该插件主要是将 CSS 样式抽离出来到一个文件内，它的特点是不会重复编译 CSS 文件。引起这些警告的原因就是我们在项目中引用组件的时候引用的顺序不同，导致该插件遇到了编译过的 CSS 文件，就会抛出警告。

• 解决方案：

1、手动改变引用顺序，如果没引用直接写的话就引用以nut-taro组件为例

这个组件是未引用nut-button报错了，原因是我们未手动引入，当我们改成手动引入后报错也没有了

2、还有一种是在配置文件中加上忽略配置

mini: { miniCssExtractPluginOption: { ignoreOrder: true } },