supanuxt-saas icon indicating copy to clipboard operation
supanuxt-saas copied to clipboard

Flash of Unstyled Content

Open francisashley opened this issue 1 year ago • 6 comments

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 avatar Jul 06 '24 13:07 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.

francisashley avatar Jul 06 '24 13:07 francisashley

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

JavascriptMick avatar Jul 20 '24 14:07 JavascriptMick

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

Screenshot 2024-07-21 at 13 44 48

francisashley avatar Jul 21 '24 12:07 francisashley

Before v after

https://github.com/user-attachments/assets/9ba3892a-d4d5-4708-a3cd-2fe65acccf32

https://github.com/user-attachments/assets/5aeb85c5-0e6e-488a-8424-c30f4bdce487

francisashley avatar Jul 21 '24 12:07 francisashley

@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.

JavascriptMick avatar Aug 02 '24 00:08 JavascriptMick

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

francisashley avatar Aug 03 '24 08:08 francisashley