137 questions
0
votes
0
answers
126
views
NG0201: No provider found for TranslateService in Angular 20 micro-frontend remotes with Nx 21
I have an Angular 20 project using Nx 21 with a micro-frontend architecture. There is a host application and two remote applications. All remotes use standalone components.
The host app imports ...
0
votes
1
answer
63
views
Why am I getting NG203 when calling createComponent
I am trying to use Module Federation to load a remote component. I can see that SharedComponentRole has a correct value, however on calling container.createComponent I get the following error:
...
0
votes
1
answer
153
views
Nx Micro frontend: problem injecting a shared library service into shell/host and remote apps
I am having problem injecting a service from a library into the host and remote applications of my Angular Nx micro frontend. When the service is injected into the constructor of host/shell or the ...
0
votes
0
answers
287
views
How to share a TokenService from Angular Host app to Remote apps using Native Federation in Angular?
I'm working on a micro-frontend project using Angular 20 and @angular-architects/native-federation (v20.1.2). I have a host app running on localhost:4200 and a remote app on localhost:3000.
I'm trying ...
2
votes
0
answers
145
views
Angular app not bootstrapping after NX migration to v20.5.0
I'm migrating an Angular monorepo managed by NX. After running:
npx nx migrate 20.5.0 (current version is 19.1.1)
Everything completed without errors, and the app starts (no errors in the terminal or ...
0
votes
0
answers
528
views
Angular 19 + Module Federation (ESM) + Standalone Component → NG0200 Circular DI at getStandaloneInjector when sharing @angular/core as peerDependency
I have two Angular 19 applications set up with Webpack Module Federation (using the Angular CLI’s ESM‑compatible config). The host and remote both run the same Angular version (19.2.0), and I’m trying ...
0
votes
0
answers
30
views
How can I check if a specific component is available in a remote application before loading it using Module Federation?
I’m using Module Federation and need to check if a specific component (e.g., MenuComponent) is exposed in a remote application before loading it.
Currently, I check if the remote app is running with ...
0
votes
1
answer
274
views
Module Federation Error: Uncaught SyntaxError: Unexpected token 'export' (at remoteEntry.js:3971:10)
So I am using webpack 5 to demonstrate Module Federation in Angular 19. For this I have created a 'host-app' and a 'remote-app' and done all the required configurations related to webpack.config.js in ...
0
votes
0
answers
45
views
Angular 12 Host Application Not Rendering Nested Component from Angular 15 MFE
I'm facing an issue while rendering Angular Micro Frontends (MFE) in a host application with a different Angular version.
Application Setup:
Host/shell Application: Angular 12.1.5
Micro Frontends ...
0
votes
1
answer
85
views
How can I show content in a template of a NgbModalRef component in an angular module-federated remote application?
I have an angular application that uses module federation. My remote application has the ng-bootstrap library shared with it and it is able to inject NgbModal to open another component as a modal - ...
0
votes
1
answer
161
views
“process is not defined” error when loading remote module in Angular 17 host app and Angular 14 remote app with Module Federation
Question:
I’m encountering a process is not defined error when I try to load a remote Angular module via Module Federation in my Angular 17 host app. The remote app is using Angular 14. I'm using ...
0
votes
1
answer
2k
views
How to solve ERROR w: NG0203 in Angular 18 with Native Federation
I've upgraded my application (host and microfrontends) to Angular v18.2.4 and Native Federation 18.2.2.
The host loads fine, but as it attempts to load another MFE, it seems there is a conflict in ...
0
votes
1
answer
791
views
Getting "RuntimeError: NG0400: A platform with a different configuration has been created. Please destroy it first." error in shell application
Both shell and MFE are built with Angular, but v17 and v18 respectively. I'm exposing the bootstrapping function of MFE to shell. When the shell invokes it, I'm getting "RuntimeError: NG0400: A ...
0
votes
2
answers
1k
views
Migration of module federation to native federation in angular 17 project
I am using angular CLI 17 and module federation 17.
I am trying to migrate to angular new build system. In the existing angular.json, I have this builder
"builder": "ngx-build-plus:...
1
vote
1
answer
866
views
Bootstrap Angular 18 with Module Federation tools function
I'm trying to start a project with Angular 18 using the "bootstrap" function of the module federations tools:
npm page of the module federation tool
This is the way it should be (as it shown ...
2
votes
1
answer
668
views
404 Not Found for shared library with Angular Native Federation
I'm migrating an existing Angular v16 module-federation application to Angular v18 and the esbuild-based native federation plugin. The application has a dozen microfrontends hosted inside the shell ...
-2
votes
1
answer
568
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
91
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
134
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
1
answer
366
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
1
answer
164
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 ...
3
votes
4
answers
2k
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 ...
1
vote
0
answers
148
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 ...
1
vote
0
answers
124
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
1
answer
1k
views
Angular Native Federation "serve" command doesn't live reload the application
I've been trying to create a POC project to work with the Native Federation in a NX Monorepo, following a DDD approach structure.
The mfe1 application in the project has a dependency to its domain and ...
1
vote
1
answer
204
views
signal issue in nx angular monorepo shared service
I have a angular NX monorepo, created few libs & applications, created a lib for shared service named theme
import { Injectable, signal } from '@angular/core';
@Injectable({
providedIn: 'root'
}...
3
votes
1
answer
3k
views
How is remoteEntry.js created in module federation/micro frontend?
I'm reading up on module federation/ MFE and it all seems to make sense besides the remoteEntry.js file.
So if I understand this correctly, my MFE:
Creates a remoteEntry.js file which my host then ...
1
vote
1
answer
1k
views
Angular - Module Federation - How to Share model/usecase files
I'm working with Module federation and I've a shell app and a host app. They are linked as follows:
Shell Application:
webpack.config.js
plugins: [
new ModuleFederationPlugin({
remotes: {
...
0
votes
0
answers
349
views
inject() must be called from an injection context Angular Microapp module federation
I have an Angular app with some microapps in it using module federation. When I Log-In to it and try to access those microapps "SOMETIMES RANDOMLY" I get the inject() must be called from an ...
0
votes
0
answers
350
views
How to update remote module without refreshing the window in Angular module federation
I am trying to implement dynamic module federation where I have a host application and few remote applications. for example After running all the application including host app and later when I ...
0
votes
0
answers
718
views
Load remote modules into a shell App and display them side by side
I'm trying to implement a micro frontend architecture in my Angular application using Module Federation.
The shell application loads remote modules from Mfe1 and Mfe2. I've successfully exposed and ...
0
votes
1
answer
638
views
Lazy loading using module federation in angular without shell application?
I want to achieve the lazy loading using module federation without shell application using angular 16.
I configuring the module federation like this -
new ModuleFederationPlugin({
name: 'myapp',
...
1
vote
2
answers
1k
views
Angular upgrade with Module Federation - "Collection does not have a schematics map."
I'm upgrading a set of Angular applications from v12 to v16, and they use Module Federation and the Angular Architects' module federation plugin.
After upgrading each app's Angular version ...
0
votes
0
answers
207
views
How to load angularJs V1.8 custom element as web component into Angular V17.1 using @angular-architects/native-federation
I have created one Angular MFA Architecture app which have shell and remote apps which build on top of Angular V17.1. I have to create this below mentioned shell/host app routing to access AngularJS ...
1
vote
0
answers
283
views
Sharing a Reusable Component Between Microfrontends in Angular using Module Federation
I'm working on an Angular application utilizing Module Federation, currently consisting of 9 microfrontends (MFEs). Initially, I created a shared library for common functionalities like date format ...
0
votes
1
answer
661
views
Issue with Configuring Reverse Proxy on IIS for Angular Applications
I'm currently facing an issue configuring a reverse proxy on IIS for my Angular applications. I have multiple micro-front end Angular apps, with a host app published on IIS using the address http://...
1
vote
0
answers
612
views
Angular NullInjectorError under module-federation remoteEntry.js injecting an abstract service to another service across two Angular projects
I am getting a NullInjectorError error when I use an Angular component in a federated module (via remoteEntry.js), while it is working well in a standalone Angualar app.
It is (and has to be) a ...
3
votes
3
answers
2k
views
How to fix Angular NX project NG0203 error
I am struggling with the NG0203 error, while my colleagues are able to serve the project without any problem. I tried to upgrade and downgrade the versions of both Angular and Nx, but it did not work. ...
1
vote
0
answers
473
views
Assets folder in Angular Micro Front-end module-federation Remote App causing 404 errors in Host App
I'm encountering an issue with an Angular micro front-end setup using Module Federation. My remote app has an assets folder containing fonts, and I'm facing 404 errors when trying to load these assets ...
0
votes
0
answers
389
views
Failed to load dynamic module in Module-federation
I am getting below error while loading dynamic modules using Module-federation. I have one shell project and another demo project both are in angular v16. I am trying to load Demo project in side ...
0
votes
0
answers
386
views
Angular - Initialization and Data Sharing Issue between Modules in Module Federation
Currently, I'm facing a challenge in my architecture based on Module Federation with Angular 17. I have two modules, the main SHELL module and a flexibility-view module, which is accessed directly ...
0
votes
1
answer
2k
views
Using module federation in a Vite/React app, host application doesn't reflect changes made in remote
I'm experimenting with module federation for a project and I was successfully able to serve a remote application serving up a simple button, then have a host application consume that button for usage. ...
1
vote
1
answer
507
views
I am trying to expose an angular 8 project with module federation to another angular project that is angular 15, is that possible? if so any pointers?
Trying to mfe an angular 8 project to an angular 15 shell project, both running separately just fine.
I tried installing module federation to my angular 8 projects, but immediately errores emerged, is ...
1
vote
0
answers
177
views
Application restart fails after code changes with Angular module dederation
I have several Angular applications that use Module federation.
There is a main application, several MicroFrontends and a shared library.
All applications work perfectly when they are started using &...
0
votes
2
answers
805
views
How to update Angular version in Module Federation Project (Micro frontends)
I'm working on an Angular project which has a micro frontend architecture using angular-architects/module-federation. We're currently on version 10.x.x and looking into updating the version of Angular....
1
vote
1
answer
1k
views
How to do data communication using shared service with module federation plugin in angular micro-frontend?
I'm facing a challenge in my Angular project where I have a base app running on port 4500, and I've imported a remote app. In the remote app, I've created a shared service using a Subject and have ...
1
vote
1
answer
237
views
Does NX dynamic module federation support SSR
Does NX dynamic module federation support SSR? If so can you please share any documentation available!!
Reference link or a code snippet to understand the development/deployment.
Somewhere in github ...
0
votes
1
answer
1k
views
This version of CLI is only compatible with Angular versions ^17.0.0, how to fix
I have added "@angular-architects/module-federation": "^17.0.1", after that i am getting this error as version compatible. working on micro-services. how to fix this?
package.json:
...
0
votes
1
answer
1k
views
Module federation not working for the first module
I'm facing a strange issue with the App I took over. It's a NX Monorepo with Module Federation and three different Remotes within it. Host app contains following module-federation.manifest.json with ...
1
vote
0
answers
96
views
Custom pipe not found error in microfrontend remote app
Have created a microfronted app using the Module federation framework .
Have exposed module of the remote microfrontend to the shell app .
Have created a custom pipe in the remote module ,Have ...