Skip to content

CSS not loading in Build Mode #372

@anishappadoo

Description

@anishappadoo

Module version
1.11.2

Describe the bug
In development mode (npm run dev), vuetify's css loads properly. However, in production mode (npm run build && npm start), vuetify's css does not seem to load at all. I have tried implementing vuetify as a plugin (not via the nuxt package) and I got the same issue. I also tried importing the css directly: import 'vuetify/dist/vuetify.css' but it didn't work either. I copied vuetify.css and pasted it in the same directory as my .vue file and imported it using: import './vuetify.css' but it still didn't work. Even adding the path to vuetify.css inside nuxt.config.js didn't work: css: ['~/assets/css/vuetify.css']. It only worked when I copied the whole css from vuetify.css and pasted it in my .vue file between the <style> tags.

Nuxt version
2.12.2

@nuxtjs/vuetify version
1.11.2

vuetify version
2.12.2

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions