Skip to content

[Bug]: No TailwindCSS classes reload after Angular component save. Need to refresh the whole page to get styles. Hot-reload issue? #26122

Open
@Profana92

Description

@Profana92

Describe the bug

What is wrong

  1. After installation of Angular 17 (newest) + Tailwind (newest) + Storybook (newest) there is a hot reloading issue, in which Storybook refreshes on angular component save but doesn't deliver newest CSS styles. Classes gets applied, but classes definition is not carried into them. To get the proper styling you have to manually refresh the window, then they are present. I suspect hot-reload occurs before new CSS are compiled by Tailwind and ready to use, or hot reload doesn't force new files fetching.

Project installed according to:
https://tailwindcss.com/docs/guides/angular
https://storybook.js.org/recipes/tailwindcss

To Reproduce

Install newest angular and follow:
https://tailwindcss.com/docs/guides/angular
https://storybook.js.org/recipes/tailwindcss

System

No response

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions