vuetify: [Bug] Conflicting order between styles

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

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 15 (7 by maintainers)

Commits related to this issue

https://github.com/vuetifyjs/vuetify/issues/5271#issuecomment-600031869 — committed to kennethchoe/sql-crawler by deleted user 4 years ago

Most upvoted comments

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:

+14

ocavue on 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:

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)

JohnMica on Mar 17, 2020

@KaelWD can you pleast suggest, how can I replace it with vue-style-loader?

Djaler on Oct 31, 2018

@Nsandomeno i haven’t discovered a way to fix this totally. My fix consisted in loading a few styles in my “global CSS” file and even if there is duplication of styles, there are only the Grid and a few other thing needed. Haven’t tried with a new project - this use buefy or no component library at all.

JohnMica on Mar 11, 2021

@KaelWD can you help us?

Djaler on Sep 10, 2019