Can't debug shared libs with native federation + nx

[pachyderme]

With what library do you have an issue?

native-federation

Reproduction of the bug/regression with instructions

Hello, I have an application based on NX and native federation. Breakpoints work in applications but not in shared libraries.

Expected behavior

When I set a breakpoint in vscode, the breakpoint must be reached in the correct .ts file in my project.

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

latest (in my poc project) and same bug with Angular 19.x (wich I target in my real project)

Other information

How to reproduce :

Create a nx workspace with esbuild:
npx create-nx-workspace

Add an app
Add "libs" folder and add an lib (through nx/library generator)

Inside the lib, add a component with onInit and set "debugger" keyword in it.
Add a route inside the app with loadcomponent through you new component.

run app through npx nx run myapp:serve.
The breakpoint should be triggered in right file (you can edit the file directly).

Add native federation package, use the init generator for host for this app. Run the app, the breakpoint is triggered but you can't edit it because it's not the right file. You can add remote apps as well, the bug is the same.

So, I am missing some config ?

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

• Yes
• No

[manfredsteyer]

Hi,

Thanks for pointing this out. I've analyzed it. We will fix this with another new feature to speed up compilation and remove possible build errors. So, the solution is part of a larger "work package".

I think we can get this done quite soon.

In the meantime, you can do one of the following things to get unblocked:

a) Restart your shell
b) Import the respective lib into the shell (dummy import such as import '@.../...'; without an import list).

[manfredsteyer]

Just published an update. Please retry with the newest version and add this feature flag to all your federation.config.js files:

features: {
ignoreUnusedDeps: true
}

By the way, this new feature brings several other benefits, too. Please have a look here:
https://github.com/angular-architects/module-federation-plugin/releases/tag/20.0.3

[pachyderme]

Thank you very mutch ! I will try this next week !

[pachyderme]

I've tested the new version but unfortunately I still can't get a breakpoint to work.

[manfredsteyer]

Did you set this:

features: {
ignoreUnusedDeps: true
}

Please try to delete the cache in node_modules/.cache und .nx and .angular