Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[mini-css-extract-plugin] Conflicting order between:

See original GitHub issue

I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Can’t reproduce

Steps to reproduce

During build process react-create-app I receive warnings regarding Conflicts order between styles in antd lib

What is expected?

What is actually happening?

chunk 3 [mini-css-extract-plugin]
Conflicting order between:
 * css ./node_modules/css-loader??ref--7-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./node_modules/antd/lib/empty/style/index.css
 * css ./node_modules/css-loader??ref--7-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./node_modules/antd/lib/select/style/index.css

Environment	Info
antd	3.15.2
React	^16.8.2
System	Ubuntu 16.04
Browser	Not related to browser

Could you please fix/sort your styles

Issue Analytics

State:
Created 4 years ago
Reactions:15
Comments:68 (6 by maintainers)

Top GitHub Comments

128reactions

bulutfatihcommented, Jan 3, 2020

Is there any certain way to fix this? I’m using Next.js + Ant Design and I see a lot of warnings like this.

Conflicting order between:

css ./node_modules/@zeit/next-css/node_modules/css-loader??ref–5-2!./node_modules/less-loader/dist/cjs.js??ref–5-3!./node_modules/antd/lib/typography/style/index.less

css ./node_modules/@zeit/next-css/node_modules/css-loader??ref–5-2!./node_modules/less-loader/dist/cjs.js??ref–5-3!./node_modules/antd/lib/pagination/style/index.less

css ./node_modules/@zeit/next-css/node_modules/css-loader??ref–5-2!./node_modules/less-loader/dist/cjs.js??ref–5-3!./node_modules/antd/lib/spin/style/index.less

Also, pages sometimes don’t display properly. I think it is because of this conflict error.

33reactions

jonahfangcommented, Jan 27, 2020

+1 on using with Next.js!

Top Results From Across the Web

mini-css-extract-plugin throws "Conflicting order" errors during ...

Same as in this issue I am getting a lot of errors from the mini-css-extract-plugin when doing a CI build - which fails...

How do I avoid the warning: chunk styles [mini-css-extract ...

However, I'm receiving the following message when I use gatsby build . warn chunk styles [mini-css-extract-plugin] Conflicting order. Following ...

Fix warn chunk commons [mini-css-extract ... - Robert Marshall

This error/warning is caused by the Webpack plugin mini-css-extract-plugin wanting all CSS imports to be in the same order. This is because it ......

WebPack - mini-css-extract-plugin - Dirask

I use import style from './style.scss' to attach styles to components. Is there some way to order styles in the correct way? Webpack...

mediacurrent/gatsby-plugin-silence-css-order-warning

The webpack mini-css-extract-plugin however, still warns that the CSS might be bundled out of order. The warning is: warn chunk styles [mini-css-extract-plugin] ...