Disabling SSR prevents remaining CSS from loading

[hichem-dahi]

Environment

• Operating System: Linux
• Node Version: v18.20.2
• Nuxt Version: 3.11.2
• CLI Version: 3.11.1
• Nitro Version: 2.9.6
• Package Manager: npm@10.5.0
• Builder: -
• User Config: ssr, css, devtools, modules, colorMode
• Runtime Modules: @nuxt/ui@2.16.0, @pinia/nuxt@0.5.1, @vueuse/nuxt@10.9.0
• Build Modules: -

Reproduction

https://stackblitz.com/~/github.com/hichem-dahi/trello-nuxt

Describe the bug

Setting ssr: false in nuxt config prevents remaining CSS from loading.

Additional context

Works fine for Firefox 126.0 (64-bit), doesn't work for Chrome 125.0.6422.60 (Official Build) (64-bit).

Logs

No response

[manniL]

Can you double-check if that also happens on nightly?

[hichem-dahi]

@manniL same issue.

• Nuxt Version: 3.12.0-28613622.d1ac12c9

[hichem-dahi]

I cleared the cache and now it's working fine!

[Ragura]

I can confirm this is indeed a cache invalidation problem. Once solved by clearing/disabling cache, it remains solved, but it's kind of weird that it occurs in the first place. In my case I had it happen when importing css from font-awesome while srr: true, then changing it to ssr: false which caused the cache problem. Not a big deal in this case, but it might be an indicator of other caching issues that could be hard to debug.

[danielroe]

Ahh, this is likely due to a Vite issue - IIRC, in some situations css is imported as JavaScript (which is executed and injects the CSS) vs a CSS file. There have been issues with setting the appropriate cache headers.