Prod and Dev rendering differently
For some reason one of the pages in my applications Taildwind CSS appears to not be applying when I do a Prod Build, but displays properly in Dev mode.
(The image with the padding is displayed correctly in when running next dev)
Issue only occurs on 1 page of the applications, in a server rendered portion.
Any ideas on the issue?
4 Replies
There are no errors in the console of server, or client for this page.
Cache clearing, and attempting to run site on different device to test also doesn't fix the issue.
can you post the code for the components?
you could be using some kind of conditional render or something? you could also inspect element on either site and see what the markup is
You could be using invalid tailwind syntax, maybe in your tailwind config it doesn't take into account of this page specifically. Could be a couple of things unfortunately
A good place to start would be to check if div gets the correct class, but tailwind doesn't give it the correct styling after that. Or if the class itself is missing. That could point you in the correct direction