tailwindcss icon indicating copy to clipboard operation
tailwindcss copied to clipboard

Documented integration with angular does not work per your documentation

Open wjonesusna2012 opened this issue 1 year ago • 3 comments

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

wjonesusna2012 avatar Nov 03 '24 04:11 wjonesusna2012

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

wongjn avatar Nov 03 '24 09:11 wongjn

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.

wjonesusna2012 avatar Nov 03 '24 16:11 wjonesusna2012

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

JavaProgrammerLB avatar Nov 11 '24 07:11 JavaProgrammerLB

Hey! Seems like this is working fine for people. Since this issue is open for quite a bit and we haven't seen other issues, I suspect that this has been resolved since 👍 Feel free to create a new issue if you're still seeing issues with any of the official guides. Thanks!

philipp-spiess avatar Apr 11 '25 11:04 philipp-spiess