Flash of Unstyled Content

[francisashley]

When running npm i && npm i dev, the package-lock.json updates and there is a FOUC after refreshing the page. The FOUC does not appear when running yarn && yarn dev.

[francisashley]

Updating nuxt to the latest version (^3.12.3) fixed it for me. But this was only after updating some other packages. Getting a Cannot find module 'postcss-custom-properties' error when updating nuxt immediately.

[JavascriptMick]

hi @francisashley can you share if you updated nuxt in SupaNuxt to the newer version? did you have any issues?

[francisashley]

@JavascriptMick Hey just cloned to reproduce and looks like updating nuxt (to 3.12.4) now fixes it 👍

[francisashley]

Before v after

Screen.Recording.2024-07-21.at.13.47.42.mov

Screen.Recording.2024-07-21.at.13.48.23.mov

[JavascriptMick]

@francisashley this is great! can I ask... when you upgraded Nuxt... did you need to do any other code alterations or was it enough jjust to upgrade the framework? I'm super busy, trying to figure out how much work it will be to upgrade.

[francisashley]

Upgrading Nuxt to the latest (3.12.4) fixed it. No extra steps needed. I tried sending a PR but didn't have permissions.