Skip to content

Endless Loop in "Building Federation Artefacts" When Using @tailwindcss/postcss with Tailwind CSS 4 #785

Open
@smarza

Description

@smarza

With what library do you have an issue?

native-federation

Reproduction of the bug/regression with instructions

I'm experiencing an issue when integrating Tailwind CSS 4 with the native-federation setup. Following the official Tailwind CSS Angular guide, I upgraded to Tailwind CSS 4 and moved @tailwindcss/postcss to devDependencies (as suggested in #746).

After running ng serve [any project], any file change triggers an endless loop where the "Building federation artefacts" message is printed repeatedly, even though there are no new output file changes. This makes development very cumbersome.

Steps to Reproduce:

Clone the nf-test repository.
Install Tailwind CSS 4 following the Tailwind CSS Angular guide.
Move @tailwindcss/postcss from dependencies to devDependencies.
Run ng serve [any project].
Make any file change and observe the endless loop in the federation artifacts build process.

Expected behavior

The federation artifacts should build once (or only when necessary) rather than repeatedly triggering an endless build loop after each file change.

Versions of Native/Module Federation, Angular, Node, Browser, and operating system

@angular-architects/native-federation: ^19.0.5
Angular: ^19.0.0
Node: v22.10.0
Browser: (Issue observed during development; browser details not directly relevant)
Operating System: (Tested on your development OS – please specify if needed)

Other information

No response

I would be willing to submit a PR to fix this issue

  • Yes
  • No

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions