Questions tagged [angular-module-federation]
The angular-module-federation tag has no usage guidance.
angular-module-federation
163
questions
0
votes
0
answers
26
views
Microfrontends: Angular, Module Federation and DevExtreme/DevExtreme-Angular
I'm developing microfrontends with Angular and Module Federation (package "@angular-architects/[email protected]" due to the version of Angular it deals with).
I'm including an old ...
-3
votes
1
answer
31
views
How to load host component from remote app using module federation?
I'm new to the module federation and having some issue while loading host app, when using Host(React+vite) and Remote(angular18+custom-webpack).
Remote : custome-webpack.config.js
const ...
1
vote
0
answers
17
views
How to bootstrap the routing, NgRx etc of MFE module from the shell project forcibly using module federation?
I want to bootstrap or initiate the MFE's routing, NgRx and other library instances from the Shell project programatically.
Now I am doing lazy load of modules from shell as below
loadChildren: () =&...
0
votes
0
answers
36
views
How to extract a component from dynamically loaded angular remote module
How to extract the Component from module federation remote module
At present I am having the below code
Remote code:
exposes: {
'./TodoModule': './src/todo/todo.module.ts',
'./...
0
votes
0
answers
21
views
Shared dependencies are still generated in both remote and shell app in @angular-architects/module-federation
Both shell app and remote app has angular_core package in the build bundle, even after adding them in shared: {} webpack config. Is it expected?
Shell app webpack config
'@angular/core': {
...
0
votes
1
answer
32
views
How to pass a service in angular lazy loaded microfrontend
I have a microfrontend architecture. In that, I have an app called central, and I have other microfrontends that are defined in as routing in central routing module. All mfes are loading from that ...
0
votes
0
answers
31
views
Dynamically Loading Multiple Remote Angular Modules using Module Federation
I'm working on migrating an Angular application that previously loaded additional modules using script tags in the index.html to leverage Module Federation for a microfrontend architecture.
My ...
0
votes
1
answer
32
views
Cannot load multiple modules and components from an Angular microapp
I'm trying to load an Angular remote component in another shell application, but I get:
TypeError: Cannot read properties of undefined (reading 'get') and TypeError: Cannot read properties of ...
0
votes
0
answers
45
views
Getting Error when routing to remote module nested component from shell in angular 17 micro frontend using module federation
im using module federation for angular micro front end with angular V17 projects. im exposing routes from remote module.
for initial routing it is working good, but i have 2 buttons in remote module ...
0
votes
0
answers
93
views
Native federation with Angular Error: NG0203: inject() must be called from an injection
I'm trying to access a remote Angular microfronent configured with Native Federation, but error is thrown:
Error: NG0203: inject() must be called from an injection context such as a constructor, a ...
0
votes
0
answers
30
views
Angular Modular Federation with base-href for remote module in shell
I've 2 remote apps app1and app2 and a shell app myapp, since all the applications will be behind a proxy, each app is distinguished by base-href i.e, /app1,/app2 and /myapp respectively. From app1 ...
0
votes
0
answers
63
views
NX Module Federation: ng-zorro-antd library not shared between host and remote apps
I am working on an NX monorepo setup with Module Federation, and I'm facing an issue with sharing the ng-zorro-antd library between my host and remote applications. Despite configuring the library as ...
1
vote
0
answers
39
views
How do I catch/handle a ChunkLoadError from webpack?
I am using Angular 15 and the module federation plugin to load a remote app into our application. I am having issues trying to just catch a ChunkLoadError when webpack fails to load a chunk. I created ...
0
votes
0
answers
34
views
Error with ng-bootstrap toast in Angular application using Angular Module Federation
I'm encountering an error when trying to use the toast component from ng-bootstrap in my Angular application, which is utilizing Angular Module Federation. The error message states:
It looks like your ...
0
votes
0
answers
58
views
Access an MFE with the hard url without using the shell interface
I am currently developing a micro-front end (MFE) application using Angular 17 with the angular module-federation library version 17.0.8.
I have a shell application that serves as the entry point for ...