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.

[Bug] Conflicting order between styles

See original GitHub issue

Version and Environment Vuetify: v1.3.0-beta.0 Vue: 2.5.17 OS: Linux

I see this warnings:

chunk cards_import~subscribers_alert [mini-css-extract-plugin]
Conflicting order between:
 * css ./node_modules/css-loader??ref--11-oneOf-3-1!./node_modules/postcss-loader/lib??ref--11-oneOf-3-2!./node_modules/stylus-loader??ref--11-oneOf-3-3!./node_modules/vuetify/src/stylus/components/_select.styl
 * css ./node_modules/css-loader??ref--11-oneOf-3-1!./node_modules/postcss-loader/lib??ref--11-oneOf-3-2!./node_modules/stylus-loader??ref--11-oneOf-3-3!./node_modules/vuetify/src/stylus/components/_selection-controls.styl

Issue Analytics

State:
Created 5 years ago
Comments:15 (7 by maintainers)

Top GitHub Comments

13reactions

ocavuecommented, Oct 16, 2019

If you are using Vue CLI v3, add the code below to vue.config.js can ignore this error.

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

Make sure that you have install the latest mini-css-extract-plugin, which is a dependency of @vue/cli-service.

Check links below for more information:

7reactions

JohnMicacommented, Mar 17, 2020

If you are using Vue CLI v3, add the code below to vue.config.js can ignore this error.
// vue.config.js
module.exports = {
    css: {
        extract: { ignoreOrder: true },
    },
}
Make sure that you have install the latest mini-css-extract-plugin, which is a dependency of @vue/cli-service.

Check links below for more information:

webpack-contrib/mini-css-extract-plugin#250

webpack-contrib/mini-css-extract-plugin#422

https://cli.vuejs.org/config/#css-extract

the only problem with this ‘hack’ is the order of the extracted CSS files would make the page load (on slower speed) really ugly and force the DOM to rearrange the whole thing once resources are loaded. compute power wasted for no real reason 😦

unless you guys managed to get all things sorted since this is now closed ? (I still don’t have it working properly in nuxtjs with the latest release)

Top Results From Across the Web

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 ...

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...

Fix warn chunk commons [mini-css-extract-plugin] error in ...

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 ......

What is the difference between style-loader and mini-css ...

style-loader takes CSS you've imported in your JavaScript files, and injects them as <style></style> tags into the DOM. It's particularly useful for ...

MiniCssExtractPlugin - webpack

Note that if you import CSS from your webpack entrypoint or import styles in ... Enable to remove warnings about conflicting order }),...