Tailwind breaks on hot-reload
Tech: Tailwind latest version, next.js 12
I realized that my tailwind breaks (aka some classes suddenly have no effect) on hot-reload, and specifically when I shut down my local server, and run it up again.
When I have my localhost opened on the browser,
and I re-run the server, the browser performs a re-render, and then the page is rendered broken.
I can fix it temporarily but making a change in the broken component, but the problem reappears when I re-run the server. It also is not fixed on pc restart or anything else
Seems like i'm not the only one:
https://stackoverflow.com/questions/67837075/tailwind-classes-not-working-after-page-refresh-in-production
Have any thoughts?
Stack Overflow
Tailwind classes not working after page refresh in production
Problem Statement:
I have a nextjs project with tailwindcss. On the login page, the UI has the necessary classes available on the first page load, but if I refresh the page then the classes go away...
0 Replies