question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tailwind styles do not apply

See original GitHub issue

I tried to setup this in a brand new Angular 10 application, however, the tailwind styles do not apply on any element no matter what I do.


[ ] Regression (a behavior that used to work and stopped working in a new release)

Current behavior

  1. Create a new Angular 10 Project over CLI npx @angular/cli@10 new angular-tailwind
  2. Install Angular 10 specific package ng add @ngneat/tailwind@5.2.4 Note that it will still install v11 of custom-webpack builder. I changed it to 10.0.1 followed by npm install
  3. Add <button class="bg-green-500">Button</button> in index.html
  4. Run npm run start to notice that the styles are not applied.

Expected behavior

The styles should have applied and the correct version of the custom-webpack builder should have been installed.

Environment


Angular version: 10.2.1


For Tooling issues:
- Node version: v10.17.0
- Platform: Mac OS Big Surr 11.1 (20C69)

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8

github_iconTop GitHub Comments

2reactions
codef0rmercommented, Feb 2, 2021

Thanks @beeman. I could not find it in CHANGELOG hence asked. Nonetheless, worked just fine 👍

1reaction
codef0rmercommented, Feb 2, 2021

Ah @nartc no worries. Thanks anyway, it’s working just fine.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Why isn't Tailwind applying styles to my HTML? - Stack Overflow
Tailwind is not applying styles to my HTML. The "hello world" font has changed so Tailwind has been installed, but no style is...
Read more >
Tailwind styles not loading - Laracasts
Hey guys, so as im following the Laravel, Vue and SPA's course I've found out that im not loading Tailwind correctly yet the...
Read more >
Adding Custom Styles - Tailwind CSS
Any custom styles you add to the base , components , or utilities layers will only be included in your compiled CSS if...
Read more >
Tailwind default css styles not working with custom ... - GitHub
Hi, I am trying to add custom styles to NextJs project using Tailwind. package.json. { "name": "my-project", "version": "0.1.0", "private": true, ...
Read more >
Tailwind css styles not showing for live website - Reddit
Make sure that you properly configure tailwind first, telling it what HTML files it should inspect, so that it knows what to put...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found