In this blog, I’ll guide you through setting up Tailwind CSS 4.0 in an Angular v19.1 project, allowing you to leverage utility-first styling for ra...
For further actions, you may consider blocking this person and/or reporting abuse
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.
Maybe we drop scss as css can do the nesting, variables
tailwindcss.com/docs/upgrade-guide...
Checkout this.
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.
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...
@apply and @reference doesn't work in css files
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?