🐛 BUG: HMR doesn't work automatically with Tailwind CSS, WindiCSS, UnoCSS

[RafidMuhymin]

What package manager are you using?

yarn

What operating system are you using?

Windows

Describe the Bug

If you are using TailwindCSS, HMR doesn't work automatically in the dev environment when you add classes. You'll have to go to the stylesheet where you have included the @tailwind directives and resave that.

Steps to Reproduce

1. npm init astro -- --template with-tailwindcss
2. Error! Describe what went wrong (and what was expected instead)...
   HMR should be triggered just after adding a class or classes without any workaround.

Link to Minimal Reproducible Example (Optional)

https://github.com/snowpackjs/astro/tree/main/examples/with-tailwindcss

[aFuzzyBear]

My resolve to this issue was to restart the VSCode editor once you have tailwinds setup, that way it picks up the file and it should 🤞 work,

[RafidMuhymin]

My resolve to this issue was to restart the VSCode editor once you have tailwinds setup, that way it picks up the file and it should 🤞 work,

Well, I have reloaded and loaded vscode multiple times since I have set up tailwind. But that didn't solve the problem. And how can reloading vscode solve the problem?! Something in snowpack or Astro is maybe misconfigured. How can vscode have a relation to this?

[matthewp]

This will need to be tackled in the new compiler infrastructure since its snowpack related.

[RafidMuhymin]

This bug has been fixed!

[brycewray]

This bug has been fixed!

Apparently unfixed in 0.21 beta released today. (?)

[RafidMuhymin]

This bug has been fixed!

Apparently unfixed in 0.21 beta released today. (?)

How are you importing TailwindCSS? There are still some issues with Cache Invalidation

[brycewray]

This bug has been fixed!

Apparently unfixed in 0.21 beta released today. (?)

How are you importing TailwindCSS? There are still some issues with Cache Invalidation

I know the team is still working on the docs for the beta, but I did it according to the latest example repos, particularly the one that's specifically about using TWCSS, as well as a brief discussion I had in the Astro Discord after the beta was released.

[drwpow]

Yes this is a known bug in 0.21 that we decided to not block the beta release on. I’m working on this now! Along with Windi and UnoCSS and other related libraries.

[FredKSchott]

Thanks for the report! We believe that this has been fixed in astro v0.21, going out today. Let us know if you can still reproduce the issue after updating to v0.21 and we'll be happy to take a look.

Given that this issue touches a lot of different libraries, if you run into an problem on v0.21 please file a new issue with a single reproduction that we can help debug on!

[electroheadfx]

Any news about the HRM update ? I have the same issue with Unocss, the style is updated only on a server restart.

my setup is:
"astro": "^0.22.20",
"unocss": "^0.24.3"

[RafidMuhymin]

@electroheadfx Check #2410