fresh install adonisv6 with template inertia : "flashes" when the page is first loaded (or when you do ctrl+R )

titoff002 commented 5 days ago

Package version

"@adonisjs/core": "^6.14.1", "@adonisjs/inertia": "^1.2.2",

Describe the bug

Hello, Brand new installation of adonisjs v6 + inertia with the official adonis_inertia template (no other packages have been added and no modifications to the code have been made or added).

Truly the original application/package. As you can see in the screenshot: a warning is mentioned to the effect that the css classes were not initially loaded and which creates "flashes" when the page is first loaded (or when you do ctrl+R ).

Another problem :

Do you have any idea how to solve this problem? Thank you and have a good day.

Reproduction repo

No response

titoff002 commented 4 hours ago

Hello !

No idea ?

No answer ?

Thanks to you & good day

RomainLanz commented 4 hours ago

This is expected, as the default page compiles CSS on-the-fly with the Tailwind script loaded from a CDN.

titoff002 commented 4 hours ago

No, i have deleted the Tailwind line script loaded from a CDN.

Julien-R44 commented 2 hours ago

Then please send a reproduction

titoff002 commented 2 hours ago

To reproduce : make a new install adonisj + inertia from npm (classic method).

then delete the tailwind cdn link in the resources\views\inertia_layout.edge file.

do an npm run dev and do several CTRL+R.

On the other hand, it seems that this flash only occurs under Firefox.

PS: I have been using inertia for some time with laravel and vue and I have never encountered this controversy.

thank you for your help

adonisjs / inertia