Styles are always delayed loading

[lvzhenbo]

Describe the bug

I've tried all sorts of things, and the weird thing is that the css styles always load slower than the html, causing the html to appear first and then the styles to change

Reproduction

https://github.com/lvzhenbo/nuxt-app

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (8) x64 Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz
    Memory: 5.74 GB / 15.90 GB
  Binaries:
    Node: 18.18.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD
    npm: 9.8.1 - C:\Program Files\nodejs\npm.CMD
    pnpm: 8.8.0 - C:\Program Files\nodejs\pnpm.CMD
  Browsers:
    Edge: Chromium (117.0.2045.60)
    Internet Explorer: 11.0.22621.1

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

[mttzzz]

I also encountered this behavior. I hope together we can find a solution. i tried node 18.17, 18.18, 20.07. pnpm and yarn

[mttzzz]

https://github.com/becem-gharbi/nuxt-naiveui . i try this package and there no problem

[lvzhenbo]

becem-gharbi/nuxt-naiveui . i try this package and there no problem

Thanks a lot, that worked for me, probably looked at the code and it seems to be a difference in the plugin that handles the css

[lvzhenbo]

becem-gharbi/nuxt-naiveui@31271ce#diff-f286291aceb803b4619dbae88ccb21b04d0dd144f5445787fc5e52b4aaec2803

[productdevbook]

very interesting why they created the same one when there is a library here

[lvzhenbo]

very interesting why they created the same one when there is a library here

His goal seems to be not just the nuxt module for naive-ui, but also some tailwind integration, custom components, and more

[productdevbook]

https://github.com/becem-gharbi/nuxt-naiveui/issues/29

I've issued an issua for cooperation. I wish he'd contacted me at the beginning.

[becem-gharbi]

I've issued an issua for cooperation. I wish he'd contacted me at the beginning.

Apparenly there is a misunderstanding here. All the credits goes to naive-ui community for creating the library and the SSR setup for Nuxt 3 support (docs). I started from there with the goal to create a UI layer for Nuxt 3. And I stated at introduction that is not an official module.

[productdevbook]

@becem-gharbi It doesn't matter, thanks for your work, I like it. We should make a decision for the ecosystem and publish the library somewhere.

Health to your hands ❤️