Tailwind styles do not apply
See original GitHub issueI 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
- Create a new Angular 10 Project over CLI
npx @angular/cli@10 new angular-tailwind
- 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 bynpm install
- Add
<button class="bg-green-500">Button</button>
in index.html - 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:
- Created 3 years ago
- Comments:8
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Thanks @beeman. I could not find it in CHANGELOG hence asked. Nonetheless, worked just fine 👍
Ah @nartc no worries. Thanks anyway, it’s working just fine.