Native federation shell with microFE Angular 16

[dessyg]

Hello team,
Here there are 3 Angular projects with Native federations, set up for a POC task in our team.

the shell and one of remotes are with Angular 17:
remote 1 https://github.com/dessyg/mfe1 https://github.com/dessyg/mfe1
shell - https://github.com/dessyg/microfe-shell
and the other remote apps is created with Angular 16.2 https://github.com/dessyg/mf-angular-16
When build and run the applications, I am getting in the shell error when redirect to angualr 16 remote the following error for routing "packages/new-package":

Could it be a problem with the expose of the angular 16 module from mf-angular-16 app.

Thanks in advance!

Kind regards,
Desislava

[Manfred Steyer]

Hi,

if you want to mix and match different versions, you need to wrap them in a web component:

https://www.angulararchitects.io/blog/micro-frontends-with-modern-angular-part-2-multi-version-and-multi-framework-solutions-with-angular-elements-and-web-components/

Best wishes,
Manfred