Skip to content

Styles break in production when using v2.1.0+ #576

@siyosu

Description

@siyosu

Version

nuxt-security: 2.1.4
nuxt: ^3.14.1592

Reproduction Link

https://github.com/siyosu/nuxt-ui-v3
https://nuxt-ui-v3.vercel.app/

Steps to reproduce

  1. Clone and build the project pnpm build
  2. Run pnpm preview
  3. Open in the browser

What is Expected?

The styles should look like the one on development

  • Development
    Image

  • Production
    Image

What is actually happening?

When previewing the built project, I noticed the styles were broken. I suspected the issue was with @nuxt/ui, as I'm trying out the new v3 .
But after looking into their issues, I came across a related issue nuxt/ui#2738 and realized I also had a similar module added, which is the nuxt-security module.
So I try reproduced the issue using only the @nuxt/ui and nuxt-security modules both with their default config.
The styles worked fine when nuxt-security wasn’t included or when using version 2.0.0. However, starting from version 2.1.0 and above, the styles break.

For now, I just decided to use version 2.0.0
This might also related to #569

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions