Does anyone know why my my tailwind styles aren't getting applied? | Astro Lounge | Page 1

fair marlin Nov 30, 2023, 10:02 AM

#

tulip siren Nov 30, 2023, 10:04 AM

#

What do you mean ? left part has a tailwind feel 🤔

#

what makes you thinkthey're not applied?

fair marlin Nov 30, 2023, 10:15 AM

#

i was following shadcn docs to build an shadcn + astro project. styles re appplied for shadcn components (which are react) but when i use in my .astro files, styles are. not applied (see bg-red-500 in the screenshot above which is not applied on the ui).

turns out i got installed both tailwind.config.js and tailwind.config.mjs.
astro cli automatically created the .js variant but shadcn cli autosuggested .mjs which i missed out

tulip siren Nov 30, 2023, 10:15 AM

#

prefer .mjs 👍

fair marlin Nov 30, 2023, 10:16 AM

#

why tho?

tulip siren Nov 30, 2023, 10:16 AM

#

There are a few things to know about shadcn ui: if you have some components that communicate together through context (eg. Accordion), you need to use them in react files because of the way astro works

tulip siren Nov 30, 2023, 10:17 AM

#

fair marlin why tho?

because mjs means we run js in an ESM context, not CJS. Since Astro is ESM only, it's better

fair marlin Nov 30, 2023, 10:18 AM

#

thanks for these knowledge bits, apprecite that. houston_salute

tulip siren Nov 30, 2023, 10:18 AM

#

You're welcome!

frank galleon Dec 12, 2023, 6:49 PM

#

fair marlin i was following shadcn docs to build an shadcn + astro project. styles re apppli...

hey, im using shadcn components as well but am not able to add any classes to the components. I have tailwind installed in the project so im not sure what im missing

#Does anyone know why my my tailwind styles aren't getting applied?