search

tailwindlabs / tailwindcss

A utility-first CSS framework for rapid UI development.
https://tailwindcss.com/
MIT License
83.54k stars 4.23k forks source link

Documented integration with angular does not work per your documentation #14862

Open wjonesusna2012 opened 3 weeks ago

wjonesusna2012 commented 3 weeks ago

What version of Tailwind CSS are you using?

For example: v3.4.14

What build tool (or framework if it abstracts the build tool) are you using?

For example: postcss 8.4.47

What version of Node.js are you using?

For example: v18.18.0

What browser are you using?

For example: Chrome

What operating system are you using?

For example: macOS

Reproduction URL

I know this is a link to a project, but I can assure you this is absolutely a minimally reproducible example of what's going on.

Describe your issue

Quite simply, I'm trying to start a new angular (w/ CSS) project that uses tailwind CSS. I followed the steps in this guide that you published exactly, and I am left with an h1 that has no styles applied to it. It appears that as documented, the styles.css resouce that includes the built Tailwind CSS classes is not being made. I don't know why, I just expect the guide that you publish to actually work. https://tailwindcss.com/docs/guides/angular

wongjn commented 3 weeks ago

For what it's worth, your repo seems to work for me at least: image

wjonesusna2012 commented 3 weeks ago

So let me update this a little bit as I have found the source of the issue. If you follow the guide above, it tells you in the link to install angular CLI to install the CLI by doing the following (which is EXACTLY what is in the link for step 1 above):

 npm install -g @angular/cli@17

If you do this, tailwind will fail, but using the angular/cli (which as of November 2, 2024) installs v18, the build will actually work and ship the styles. To be honest, not sure where the bug is (whether it's with tailwind or angular), but I do know that Tailwind should work with Angular 17.

JavaProgrammerLB commented 2 weeks ago

hi, @wjonesusna2012 I am a user of both angular and tailwindcss, I am curious about your issue, but in my compute, the tailwindcss work well with Angular 17, Can you describe more detail about your issue

It appears that as documented, the styles.css resouce that includes the built Tailwind CSS classes is not being made

image