nuxt / nuxt

The Intuitive Vue Framework.

Home Page:https://nuxt.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Latest nuxt version delays the load of CSS on SSR

popescuandrei9mai opened this issue · comments

Environment

  • Node Version: v20.9.0
  • Nuxt Version: 3.11.2
  • CLI Version: 3.11.1
  • Nitro Version: 2.9.6
  • Package Manager: yarn@1.22.19
  • Builder: -
  • User Config: devtools
  • Runtime Modules: -
  • Build Modules: -

Reproduction

https://codesandbox.io/p/devbox/magical-joji-ynhtsr

Describe the bug

While the server is running in preview mode, if you set your network to slow 3G, you can see that the CSS for the 4 simple components defined and used on homepage is loaded after the whole page is loaded. The CSS missing is only the one defined in components. This is a minimal reproduction but on a full size project, with a lot of components, loading them all first without CSS is a dealbreaker

Additional context

Screen_Recording_2024-05-10_at_1.11.52_PM.mov

No response

Logs

No response

Can you double check with the nightly channel by any chance?

Can you double check with the nightly channel by any chance?

Tried the nightly channel on my local machine and it indeed fixes the problem. This means that the next nuxt release will fix this problem?

Yes, correct!

Closing as duplicate of #26514