Vite HMR Error After Updating to TailwindCSS v4 with using @tailwindcss/vite

[Hetari]

I recently updated TailwindCSS to v4, and now when I save files during development or when I refresh the page by pressing f5 I get this error:

The only way to fix it is to stop the dev server (npm run dev), restart it, and then the site works again.

Has anyone else encountered this issue? What could be causing it, and how can I fix it permanently?

Setup Details:

• Vue 3.3.5.13
• Vite 6.2.2
• TailwindCSS 4.0.14

Repo link:
https://github.com/Hetari/portfolio

[Hetari]

👀