Skip to content

Styling breaks after upgrading to nuxt 3.16 #960

@marr

Description

@marr

Environment


  • Operating System: Darwin
  • Node Version: v23.8.0
  • Nuxt Version: 3.16.0
  • CLI Version: 3.22.5
  • Nitro Version: 2.11.5
  • Package Manager: [email protected]
  • Builder: -
  • User Config: -
  • Runtime Modules: -
  • Build Modules: -

Reproduction

Using tailwind via this module previously worked fine with no module configuration. After upgrading to 3.16 today, I found many of my styles to be missing.

Describe the bug

Someone quickly found a solution on the Discord, but it should be noted here in case others run into it. Also, maybe the implementation needs to be updated to support the newest nuxt version.

The fix for me was to add to my nuxt.config.ts:

  tailwindcss: {
    config: {
      content: ["./pages/**/*.{vue,js,ts}", "./components/**/*.{vue,js,ts}"],
    },
  },

Additional context

No response

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions