Flash of Unstyled Content (FOUC) in Demo Fresh initial demo application

[dmitri777]

I installed Deno Fresh beta from scratch and immediately ran into FOUC (Flash of Unstyled Content).

I don't remember having it with initial application in Fresh alpha version.

How to solve?

Isn't it a huge issue when most basic, automatically denerated application gives you FOUC as a first impression?

[fry69]

I can't reproduce this, the demo app created with

deno run -Ar jsr:@fresh/init

works fine for me. Can you create a simple reproduction repo?

Note that the dev server, which is Vite now, behaves much different than the actual production version served via:

deno serve -A _fresh/server.js

[dmitri777]

hi @fry69, thanks for clarification!

I tried production server and everything works fine there!

Only vit version (deno task dev) is giving FOUC on first run. I am talking about exact code generated by init script, zero modification from my side. I am using deno 2.5.0 on Windows.

Since production version works fine, feel free to close the ticket if you prefer.

[fry69]

Thanks for your answer.

Since production version works fine, feel free to close the ticket if you prefer.

I can't close this issue, but I think you can :)

[marvinhagemeister]

I can reproduce the FOUC during development. This is an issue with how vite works internally. All CSS files must go through JavaScript to benefit from hot module reloading (=HMR). But by putting it into JS you're seeing a FOUC because the HTML will be rendered first before JS is executed.

[marvinhagemeister]

Upstream issue: rolldown/rolldown#4271

[marvinhagemeister]

Re-opening until it's addressed.