search

ohcnetwork / life

Verified Crowd-Sourced Emergency Services Directory
https://life.coronasafe.network/
84 stars 56 forks source link

Tailwind Classes are not working in production #71

Closed ProCode2 closed 3 years ago

ProCode2 commented 3 years ago

Describe the bug Tailwind classes are working fine in local builds and development. But they are not working when deployed in vercel. Adding the same as normal CSS works fine.

To Reproduce Steps to reproduce the behavior:

  1. Pull the clipboard branch.
  2. In AmbulanceCard.jsx file, Add ml-auto w-8 to this className attribute. and remove the style property.
  3. Push to the same branch.
  4. See the error in the deployment preview.

Expected behavior The tailwind class name should work.

Desktop (please complete the following information):

shrihari689 commented 3 years ago

Looks working good! May I now what's not working 🤔 I mean ml-auto is working ✅ w-8 ✅ The Classes are applied 📍🤔

Tested at: https://life-git-clipboard-coronasafe.vercel.app/maharashtra/mumbai_city/ambulance

But there seems to be some random alignment problem with tailwind though the code doesn't change 😯

ProCode2 commented 3 years ago

Fixed a few minutes back. It was some problem in tailwindcss config file.

arnabsen1729 commented 3 years ago
Facing the same issue in https://github.com/coronasafe/life/pull/89, in the local environment, the CSS properties are loaded properly. The expected display is provided in the PR description. But the vercel preview, some of the styles are missing. Here is a comparison Local Environment Vercel Build
image image
shrihari689 commented 3 years ago

Not a right fix 🔨! But made some workaround https://github.com/coronasafe/life/pull/89#issuecomment-826355855

ProCode2 commented 3 years ago

@shrihari689 Can close this?

shrihari689 commented 3 years ago

Yeah done ‼ 🚀