You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In tailwind 4, which is still only in beta (but it would be good to fix this before they hit stable), there are now two ways to install tailwind.
Traditional: Using a Postcss plugin - works as expected
New: Using a Vite plugin (works in astro, but dev server struggle in solid-start)
The vite plugin works as expected when making a prod build, and for the dev server on a clean reload, but if the dev server is restart in solid-start, the style will be broken. To get it working again, it will be necessary to do either of the following:
delete node_modules/.vinxi and then restart dev server
modify/re-save ./src/app.css - triggering this file reload is enough to make it work again
With Astro (v5), there are no issues with restarting the dev server using @tailwindcss/vite with Solid.
With TanStack Start (vinxi 0.4.3/0.5.1), there are no issues either.
Expected behavior 🤔
I expected the tailwind plugin to load correctly on dev server restart.
birkskyum
changed the title
[Bug?]: @tailwindcss/vite (still beta) breaking on dev server after reload
[Bug?]: @tailwindcss/vite (still beta) breaking after dev server restart
Dec 17, 2024
birkskyum
changed the title
[Bug?]: @tailwindcss/vite (still beta) breaking after dev server restart
[Bug?]: @tailwindcss/vite (v4 beta) breaking after dev server restart
Dec 17, 2024
No, the takeaway here isn't related to vite/vinxi versions - i see same behavior across versions
The takeaway is that tailwindcss v4 doesn't work when installed through the vite plugin in solid-start, but it does work in astro (indicating the tailwind vite plugin is working) and it does work in tanstack start (indicating it might even be a solid-start rather than a vinxi problem)
Current behavior 😯
In tailwind 4, which is still only in beta (but it would be good to fix this before they hit stable), there are now two ways to install tailwind.
The vite plugin works as expected when making a prod build, and for the dev server on a clean reload, but if the dev server is restart in solid-start, the style will be broken. To get it working again, it will be necessary to do either of the following:
node_modules/.vinxi
and then restart dev server./src/app.css
- triggering this file reload is enough to make it work againWith Astro (v5), there are no issues with restarting the dev server using @tailwindcss/vite with Solid.
With TanStack Start (vinxi 0.4.3/0.5.1), there are no issues either.
Expected behavior 🤔
I expected the tailwind plugin to load correctly on dev server restart.
Steps to reproduce 🕹
There's a repo here with multiple implementations:
https://github.com/birkskyum/tailwind-vite-repro
I can reproduce this issue with vinxi 0.4.3 / 0.5.0 / 0.5.1 and overrides with vite 5/6
The working output looks like this:
The broken output will look like this:
Context 🔦
No response
Your environment 🌎
No response
The text was updated successfully, but these errors were encountered: