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

[titoff002]

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]

Hello !

No idea ?

No answer ?

Thanks to you & good day

[RomainLanz]

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

[titoff002]

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

[Julien-R44]

Then please send a reproduction

[titoff002]

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

[titoff002]

Good evening,

Did you manage to reproduce the problem?

Do you have a solution?

thank you. waiting for answers from you: have a good day

[titoff002]

@Julien-R44

Hello,
why did you close this ticket?