Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
wjonesusna2012 opened this issue Nov 3, 2024 · 3 comments

Comments

@wjonesusna2012
Copy link

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
Copy link
Contributor

wongjn commented Nov 3, 2024

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

@wjonesusna2012
Copy link
Author

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
Copy link

JavaProgrammerLB commented Nov 11, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants