Encountering an issue with Tailwind version 3.4.1 while using dev mode in an Angular application with version 16.2.12. It appears that Tailwind is not detecting changes and fails to recompile the CSS after saving. The styles refresh only once when the .angular folder, which stores cache, is deleted. Subsequently, new styles are not applied, causing newly added colors to render as black since they are not included in the CSS file.
This problem does not arise when building the app using ng build.
In the tailwind.config.js file, customizations are made to screens and theme colors:
(tailwind config example)Considering if interference from other packages might be impacting Tailwind:
(list of dependencies and devDependencies)Attempts to resolve the issue involved deleting the .angular folder, resulting in a one-time style refresh upon app startup. However, subsequent changes were not reflected. Additionally, replicating the problem in a new app by copying content from the original app led to similar issues; reverting changes did not resolve the broken state of the app.