[Angular][Module Federation] Router issue after updating nx from 14.5.8 to 14.8.2

Current Behavior

I have simple POC (master branch): https://github.com/DamianTt/NxAngularModuleFederationDocker that works with nx 14.5.8. It has Module Federation architecture - host and remotes. Remotes have defined routing as RouterModule.forChild([…]). Unfortunately it doesn’t work after update nx version to 14.8.2 (see failure log below). There is no error if I remove routing from remote app - that’s why I think the problem is connected with Angular Router

Expected Behavior

Routing in remote app works after updating nx version to 14.8.2

Steps to Reproduce

https://github.com/DamianTt/NxAngularModuleFederationDocker/tree/routerIssue - branch routerIssue. Run npm run dev, navigate to http://localhost:4200/, then click ‘App1’ and you will see an error in console.

1. Create Nx workspace
2. Create Host application
3. Create Remote application
4. Add routing to remote application as RouterModule.forChild([…])

Failure Logs

Error: NG0203: inject() must be called from an injection context such as a constructor, a factory function, a field initializer, or a function used with `EnvironmentInjector#runInContext`. Find more at https://angular.io/errors/NG0203
    at injectInjectorOnly (core.mjs:4775:15)
    at Module.ɵɵinject (core.mjs:4786:12)
    at Object.RouterModule_Factory [as useFactory] (router.mjs:7026:1)
    at Object.factory (core.mjs:6974:38)
    at R3Injector.hydrate (core.mjs:6887:35)
    at R3Injector.get (core.mjs:6775:33)
    at injectInjectorOnly (core.mjs:4782:33)
    at ɵɵinject (core.mjs:4786:12)
    at useValue (core.mjs:6567:65)
    at R3Injector.resolveInjectorInitializers (core.mjs:6824:17)
    at resolvePromise (zone.js:1211:31)
    at resolvePromise (zone.js:1165:17)
    at zone.js:1278:17
    at _ZoneDelegate.invokeTask (zone.js:406:31)
    at Object.onInvokeTask (core.mjs:26218:33)
    at _ZoneDelegate.invokeTask (zone.js:405:60)
    at Zone.runTask (zone.js:178:47)
    at drainMicroTaskQueue (zone.js:585:35)

Environment

   OS   : win32 x64
   npm  : 8.1.2

   nx : 14.8.2
   @nrwl/angular : 14.8.2
   @nrwl/cypress : 14.8.2
   @nrwl/detox : Not Found
   @nrwl/devkit : 14.8.2
   @nrwl/esbuild : Not Found
   @nrwl/eslint-plugin-nx : 14.8.2
   @nrwl/expo : Not Found
   @nrwl/express : Not Found
   @nrwl/jest : 14.8.2
   @nrwl/js : 14.8.2
   @nrwl/linter : 14.8.2
   @nrwl/nest : Not Found
   @nrwl/next : Not Found
   @nrwl/node : Not Found
   @nrwl/nx-cloud : Not Found
   @nrwl/nx-plugin : Not Found
   @nrwl/react : Not Found
   @nrwl/react-native : Not Found
   @nrwl/rollup : Not Found
   @nrwl/schematics : Not Found
   @nrwl/storybook : 14.8.2
   @nrwl/web : Not Found
   @nrwl/webpack : 14.8.2
   @nrwl/workspace : 14.8.2
   typescript : 4.8.4
   ---------------------------------------
   Local workspace plugins:
   ---------------------------------------
   Community plugins:

[Coly010]

Hey 😃 This issue has been resolved in a recent fix and it’ll be released on a stable release with Nx 15.

For now, if you’d like to avail of the fix you can run nx migrate next and nx migrate --run-migrations.

I hope this helps!

[Coly010]

We will be working to make @nrwl/angular compatible with more versions of Anguar in the near future. At that stage you should be able to migrate the tooling independently to your angular version