[mini-css-extract-plugin] warning Conflicting order

执行npm run build命令，警告：

chunk page [mini-css-extract-plugin]
Conflicting order. Following module has been added:* css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/page/lock/index.vue?vue&type=style&index=0&id=3c356848&prod&lang=scss&
despite it was not able to fulfill desired ordering with these modules:* css ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/iframe/main.vue?vue&type=style&index=0&id=6eec0eb6&prod&lang=scss&- couldn't fulfill desired order of chunk group(s) ,- while fulfilling desired order of chunk group(s) page

此警告意思为在不同的js中引用相同的css时，先后顺序不一致。也就是说，在1.js中先后引入a.css和b.css，而在2.js中引入的却是b.css和a.css，此时会有这个warning。

如果您使用的是 Vue CLI v3，将以下代码添加到 vue.config.js 可以忽略此错误。

// vue.config.js
module.exports = {css: {extract: { ignoreOrder: true },},
}

vuetifyjs/vuetify#5271 (comment)

[mini-css-extract-plugin] warning Conflicting order相关推荐

【警告】chunk base [mini-css-extract-plugin] Conflicting order between:
问题阐述: 复现场景:小程序使用分包后不同页面引入相同组件顺序不一致. ⚠️ 编译警告. 2021/11/30 上午10:58:17chunk common [mini-css-extract-plu ...
qt android meta data,Qt小技巧5.解决Failed to extract plugin meta data问题
使用Qt插件开发时,在debug模式下加载插件时遇到如下问题: "Failed to extract plugin meta data from './ICE-PCPUd. dll'&quo ...
css 相同的css属性_CSS中的order属性
css 相同的css属性 CSS | 订单属性 (CSS | order Property) Introduction: 介绍: Web development is an ever-growing ...
roadhog迁移成webpack4问题整理
[webpack-cli] Error: Cannot find module 'object.getownpropertydescriptors' 可能是webpack-cli版本的问题,我的项目是 ...
mini-css-extract-plugin源码解析
前言前面我们写过几篇关于webpack的文章: webpack源码解析一 - webpack源码解析七(optimization) 然后结合之前babel.eslint知识搭了一个比较复杂的vue项 ...
你不知道的 React 最佳实践
React ⚛️ React 是一个用于开发用户界面的 JavaScript 库, 是由 Facebook 在 2013 年创建的. React 集成了许多令人兴奋的组件.库和框架[1]. 当然,开发 ...
nuxt项目：css相关插件加载顺序问题【extract-css-chunks-webpack-plugin】
一.warning信息 chunk pages/channelManagement/qualification/create/pages/channelManagement/qualification ...
MySQL、JDBC、HTML、CSS、JavaScript、jQuery、tomcat、Http、Servlet、JSP、EL、JSTL、Maven、Cookie、Session（框架第一部分）
第一章 MySQL 一 .数据库 1.什么是数据库? 所谓的数据库就是指存储和管理数据的仓库 2.数据库有哪些分类? 3.什么是关系型数据库? 底层以二维表的形式保存数据的库就是关系型数据库 stu- ...
css 闪光_闪光VS。 CSS / HTML：您会选择哪个？
css 闪光 Macromedia Flash. It's one of the most controversial products in the Web development world. M ...

[mini-css-extract-plugin] warning Conflicting order

[mini-css-extract-plugin] warning Conflicting order相关推荐

最新文章

热门文章