Hi, this is probably because scss conflicts with Tailwind. Remove the scss configurations and usages from your project and retry. Also, check this out: tailwindcss.com/docs/compatibility...
I followed it step by step, and got this message when I launched ng serve :
"It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration."
This is Javier aka 'Javi' a software engineer by day and a never-ending learning developer by night. I specialize in front-end development and mobile development. But, I have a curious mind.
I'm experiencing some issues; when I create a single view, it looks good, but when I break it into angular components, it starts to look odd. Are there some CSS styles that have not been inherited?
We're a place where coders share, stay up-to-date and grow their careers.
hi , my project has implemented with scss , when i import the tailwind in my style.scss file whay i get error
if the error saying that u need to use @use ignore it cuz tailwind v4 still not working well with angular19
if u use @use it will work but the extension for tailwindcss will not work
and also consider watching this for more info
https://www.youtube.com/watch?v=s-TAV5pQfcU&list=WL&index=2
Hi, this is probably because scss conflicts with Tailwind. Remove the scss configurations and usages from your project and retry. Also, check this out: tailwindcss.com/docs/compatibility...
Even i had encountered, according to tailwind css documentation it working only with css. I will add in comment if i get solution to it.
tailwindcss.com/docs/upgrade-guide...
Checkout this.
Maybe we drop scss as css can do the nesting, variables
I followed it step by step, and got this message when I launched ng serve :
"It looks like you're trying to use
tailwindcssdirectly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install@tailwindcss/postcssand update your PostCSS configuration."doesn't work. styles aren't applied to the "Angular 19.1 + Tailwind CSS 4.0" text.
replace the @import "tailwindcss"; with this in the styles.scss file
@tailwind base;
@tailwind components;
@tailwind utilities;
This does not true in the latest version of Tailwind currently which is v4 the syntaxt is just @import "tailwindcss";
Follow same steps.
hi , i did everything , but when try to test if tailwind css works : tailwind works
i gt a html button , no styles
@apply and @reference doesn't work in css files
I wish it was straight forward like the article says. Most Angular project use the scss as their setup. This article should have address that.
Yes, it is...
tailwind v4 does not pickup classes from npm package, any ideas please?
If it helps anyone... After step 1, run "ng serve" and continue with the following steps
The biggest stupidity in 2025 is to use css and Tailwind )))
I'm experiencing some issues; when I create a single view, it looks good, but when I break it into angular components, it starts to look odd. Are there some CSS styles that have not been inherited?