Fast and repetitive global.css reload with different timestamps in Qwik

[Nefcanto]

I'm using Qwik + Tailwind 4. Please look at this video:

GlobalCss.mp4

As you can see from 00:11, hundreds of requests are made to the global.css with a timestamp.
I have no idea what makes this happen. This makes the development process very difficult and reduces DX dramatically.
What can I do to find out the problem?

[adamwathan]

Hey! Can you please share a reproduction?

[Nefcanto]

@adamwathan, first I need to know the problem to be able to reproduce it. That's why I asked for help to identify the problem. Or I can share a complete repo. I know it's not minimal, but it might help.

[adamwathan]

I don’t know what the problem is either, that’s why I need some sort of project that reproduces the issue so I can run it locally and try to figure out if it’s a bug or a configuration error or something else.

[Nefcanto]

@adamwathan, I came up with this repo. Can you please check it out?

https://github.com/Nefcanto/TailwindReloadLoop

git clone https://github.com/Nefcanto/TailwindReloadLoop
cd /TailwindReloadLoop
npm install
npm run dev

Connecting to the API might take a while, but then you should see that the global.css goes into a loop.

[Nefcanto]

@adamwathan, could you look into this issue?

[Nefcanto]

@adamwathan, sorry to bother you, but can you please give feedback?

[Nefcanto]

Any ideas?

[janno-p]

I'm experiencing similar problem in my project after upgrading from TailwindCSS 3 -> 4 and switching from postcss to @tailwindcss/vite plugin in mu vue application. It happens in when using dev server while loading a page. Depending on the size of the page and number of components involved. Excess reload is triggered only for css files or vue components which have style block that reference global css file.

It seems that every css resource involved in page rendering is reloaded exactly same amount of times with no apparent reason. Only timestamp argument is changing. Some smaller pages repeat loading 4 times, for larger page every css resource is loaded 54 times which makes initial load of the page to last more like minutes and makes DX quite inconvenient.

[janno-p]

My issue seems to be resolved after 4.0.8 update.

[Nefcanto]

I can also confirm that this issue is resolved after upgrading to 4.0.9.

[Nefcanto]

I can also confirm that this issue is resolved after upgrading to 4.0.9.