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.

Angular 13 Tailwind 3 jit not updating.

See original GitHub issue

What version of Tailwind CSS are you using?

v3.0.8

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

Angular 13.1.2

What version of Node.js are you using?

16.13.1

What browser are you using?

Chrome

What operating system are you using?

Windows 10

Describe your issue

SImply create new angular project and add tailwind, tailwind configuration.
Change app.component.html with <div class="h-[100px] w-[100px] bg-red-100"></div>
Run first time with ng serve.(It works fine).
Stop dev server
Change app.component.html with <div class="h-[200px] w-[200px] bg-blue-100"></div>
Start dev server again Problem: angular-cli says tailwind is in watch mode but its not refreshing or adding new class. Not only changing classes cause this error. From time to time tailwind just stopped generating style for classes.

Issue Analytics

State:
Created 2 years ago
Comments:6

Top GitHub Comments

7reactions

alk841commented, Jan 23, 2022

Just-in-Time build css still not working in Angular v13 and Tilewindcss v3.0.15. Can help me someone?

This not work for me. export const environment = { production: false, TAILWIND_MODE: ‘build’ };

Build with firs change save in home component works. Another save not works.

4reactions

zajcmancommented, Feb 9, 2022

you must upgraded from Angular 13.0 to 13.2.2 via the Angular CLI command ng update ( this is solution from Angular: https://github.com/angular/angular-cli/pull/22447 )