Tailwind seemingly not working randomly when deployed.
For some reason, when I deploy to vercel, some of my tailwind is simply not applying.
For example below screenshot, you can see that I have set property
w-56 which isn't being applied when deployed to vercel, however, in development it looks fine.
Same applies for the hover text.
All other properties work fine such as the text color, transistions etc.
Wondering if anyone knows how to fix this?
5 Replies
what is the applied property upon inspection for one of those buttons?
Np, I fixed it
The problem is that I was breaking the rules here under "Class detection in-depth":
https://tailwindcss.com/docs/content-configuration#class-detection-in-depth
Content Configuration - Tailwind CSS
Configuring the content sources for your project.
bit annoying it was only appearing after build but w/e ty for tryna help
ah yes
There’s a few places in my prototype frontend where I’m using dynamically generated class names 😬
Thank you for bringing this to my attention, you just saved me a lot of grief and headdesking when my first deployment of this frontend happens (will be doing continuous iterative private deployments from when I get my proxy routes to the backend working [tomorrow?] until release).