Single-spa Angular applications using webpack module federation

[@ansumanmishra9608]

Nice explanation! Keep up the good work. ❤

[@vikramrajpurohit2225]

getting error ngmfe1 is not defined, what is the command to run

[@AlanHerrera-cw6ow]

Hello, very good tutorial, but I have an error that I have not been able to resolve "NG0400: A platform with a different configuration has been created. Please destroy it" first when I share the Angular dependencies

[@ParameshChockalingam]

If its possible to have the shell application as an another angular base application ? Use the parent angular application's routing to consume a module exposed by child angular application through module federation ?

[@JSFrameworks]

Yes, it's possible

[@HiraMalik-r3i]

how can we add a styleguide like material-ui or clarity into this, something that can be shared by each MFE? I tried adding it to the shared dependency in the webpack config for the index.ejs but that doesn't seem to work.

[@JSFrameworks]

Will try out

[@HiraMalik-r3i]

@@JSFrameworks Also even if I added styleguide to individual apps it does not load the static styles. Before converting the angular app to MFE and using in single-spa, the styles were getting loaded. Please let know if you get any get any insight on that! It would be of great help! Thanks for the video!

[@HiraMalik-r3i]

@JS Frameworks I was able to resolve that issue but there another question I wanted to ask. Have you tried using systemJs as the loader instead of webpack? On the single-spa website in the recommended setup they have mentioned a pull request where we can use systemjs for loading module federated module.

[@shanumon5281]

I have one microapp in react and another microapp in angular. Is it possible to implement module federation here?

[@JSFrameworks]

Yes

[@shanumon5281]

@@JSFrameworks will the same steps apply? Do you have any such example in GitHub ?

[@larryamisola]

Awesome! Are we using the same approach for sharing the style guide and svg icons?

[@JSFrameworks]

I think anything that can be wrapped as a js module can be shared

[@larryamisola]

@@JSFrameworks hoping you can consider good practice incorporating css and/or icons and to be consume by other mfe (react/angular) apps. Overall your doing great work. 👍

[@JSFrameworks]

Sure will do

[@cristianjoank]

can I use this between an angular 15 app and an angularJs app? where the angularjs app would be the host app, thanks in advance

[@JSFrameworks]

Yes

[@haraldfielker4635]

This will kill the nice local remote replacement posibilities, since downloading is a script tag.

[@ThiagoBASalles]

Is possible debug/breakpoint on vscode with single-spa angular? I'm trying but I'm not succeeding.