I am facing an issue with my microfrontend architecture project where I use Module Federation. My project structure is:
Shell (React)
Microfrontend 1 (Next.js)
Microfrontend 2 (Angular)
Microfrontend 3 (Angular)
Microfrontend 4 (Angular)
I use URL patterns, so /a/* routes are handled by Microfronted 1, /b/* by Microfrontend 2 and so on.
The shell and Microfrontend 1 (Next.js) are working perfectly together. However, I’m getting an error when I try to navigate between the Angular microfrontends. For the Angular microfrontends, I expose the bootstrap.ts file and post the following error when I navigate from one Angular microfrontend to another after going back: