angular-architects / module-federation-plugin

MIT License
715 stars 192 forks source link

Create a shell, 2 remote mfes and shared mfe #407

Open ThomasDevGif opened 9 months ago

ThomasDevGif commented 9 months ago

Hello

I created a Shell which includes a side menu and loads 2 remote micro frontends (mfe1 and mfe2). According to the Shell app.routing.module.ts, I display my mfe1 or mfe2 next to the side menu. Actually, I only have one mfe is displayed at a time.

Screenshot_20231214_153642

Now I need to a have a third mfe (players) that is displayed inside my mfe1 and mfe2. I tried to load it inside the mfe1.

Screenshot_20231214_153514

And then display it in my html using mfe1 routing module.

Screenshot_20231214_153956

Screenshot_20231214_154014

When I open the mfe1 page, I have my mfe1's component and my players' component. But when I open the mfe1 from my Shell, the players component is not shown and I didn't receive any error in my console. Can you please tell me how to solve this problem, in which i can see the player inside the mfes without calling the shell ?

I don't want to have a shared library for the players cause I want to be able to deploy it independently.

Thanks

manfredsteyer commented 9 months ago

Hi,

Thanks for your message:

Best wishes, Manfred