Dev Server/Tailwind Watch Mode Not Refreshing

[richjdsmith]

I can't replicate this so I'm going to create this issue then close it in hopes it helps some other poor bugger googling the issue. When I was running my rails server (locally only) and running Tailwind in watch mode, I had a funny issue where Tailwind was producing a new version of application.css but my rails server was not using the new version.

If I restarted the rails server, it had no effect. If I ran rails assets:precompile', it would produce a new version of the tree-shaken applicaiton.css` but the dev server would not use it. I could not use new tailwind classes in my code.

The solution: rails assets:clobber

That sorted it out and got my server acting as expected. I have no idea why. This was running on a project that was a couple hours hold running Rails 7.0, Ruby 3.0.3 and using the tailwindcss-rails gem for Tailwind.

I have tried to replicate this but have not been able to. Hoping at least this will help someone else from a couple of hours tearing out their hair.

[viktorshamal]

Thank you for saving me from tearing out my hair ❤️

[multiplegeorges]

@richjdsmith Saved me too, thanks!

[dhh]

Sounds like you had precompiled locally. Precompiled files take precedence over dynamic files with Sprockets.

[fabioacd]

Thank you!! I was going crazy with this error.

rails tailwindcss:watch was working just fine and it went down when I installed the gem 'rails_live_reload'. In my case that could be the cause of the error.

Thanks again

[alanenglish]

@richjdsmith so rails tailwindcss:watch does not provide live reloading after updates - correct?

does anyone have a specific gem they recommend for live reloading that is well maintained?

@fabioacd is everything working well for you with rails-live-reload now?

[fh0enix]

Thank you! That is very helpful.

[khanhdang2911]

Thank you, I followed your instructions and it worked.