Questions tagged [angular-module-federation]
106 questions
2
votes
0 answers
remoteEntry.mjs file from ModuleFederation is failing to load on IIS
I developed a basic demo micro frontend project using nx,module federation with angular. When I am trying to host it on my IIS, the remote apps are working fine, but the host(or) shell application is failing to load. The remoteEntry.mjs file from…
Krishna Krish
- 21
- 1
2
votes
1 answer
Authorization Micro-Frontends with multiple / different tokens
Following software architecture:
Architecture:
There is one Microfrontend (MFE) which should be integrated in two different shells (Shell 1 & Shell 2).
Each Shell for itself can consist out of only the MFE or several other components.
Each Shell…
BigTman
- 142
- 6
2
votes
0 answers
Angular module federation with multiple angular versions of angular core for shell and micro-frontends
I'm using angular module-federation library. I'm using a shell application that uses angular 13.1.1 version. There are few micro frontends that uses angular 13.1.1 version. There is one micro frontend that uses angular 14.2.6. The micro frontends…
Deepa R
- 21
- 3
2
votes
0 answers
How to access micro frontend child app routes in Shell App [Angular 13]
In my remote app I have below routes :
const routes: Routes = [
{
path: '',
component: RNDFirstComponent,
pathMatch: 'full',
},
{
path: 'rnd2',
component: RNDSecondComponent,
pathMatch: 'full',
},
{
path:…
angfreak
- 993
- 2
- 11
- 27
1
vote
0 answers
Angular module federation regression upgrading from version 15 to 16
We have this simple angular app which is clone of the basic app for microfrontends tutorial with the an addition of a @microsoft/signalr as a dependency. The app works with version 15 of both Angular and Angular Module Federation library, but when…
Rathma
- 1,196
- 2
- 33
- 65
1
vote
0 answers
Angular: NX mono repo - Dynamic Module federation - Is it possible for a remote module to exposes a route to another remote module
There is my issue :
I'm currently busy to discover angular app NX mono repo with dynamic module federation.
This is my structure :
shellApp => Shell
remote-1 => Remote MF
remote-2 => Remote MF
I would like to make something like that:
Url…
Nicolas Gillard
- 11
- 2
1
vote
0 answers
Unable to find required version for "@angular/common" in description file - how to fix this warning in an Angular project?
I am working on an Angular project and I keep getting the warning "required version specified and unable to automatically determine one. Unable to find required version for "@angular/common" in description file (/path/to/package.json). It need to be…
Nathan Ciantar
- 21
- 3
1
vote
0 answers
Angular micro-frontend with Webpack 5 module federation - *ngIf not removing HTML elements on interaction
I am working on a micro front-end application using the Webpack 5 module federation with Angular 15. I am experiencing a strange issue where *ngIf work as expected on the shell project, but not on the other micro front-ends.
The *ngIf works fine…
Nathan Ciantar
- 21
- 3
1
vote
1 answer
How to run shared libs/services as singletons with micro frontend in Angular (Module Federation)
I have a Monorepo Angular Workspace and I'm using @angular-architects/module-federation 14.13.14 and have been following the documentation to create a POC.
I've been trying to run a single instance of a local shared library across my micro frontends…
thiagopg84
- 45
- 7
1
vote
1 answer
Route Not working for Module Federation Apps Created Using Nx workspace
Routes are not working in remote Application when we use Module Federation, however when we are running the remote seperately they are Working , I have Done Module Federation using Nx framework
I am using Nx framework, new to it and learning.
I have…
SaurabhJaiswal
- 31
- 3
1
vote
0 answers
Microfrontends using Module Federation (Angular & Vue)
I am needing to build a Microfrontend architecture with Module Federation and my applications will be build with Vue and Angular. Precisely I will build 2 apps in Angular and 1 in Vue. My problema is there I am stuck in how to configure the webpack…
Davi Oliveira
- 11
- 1
1
vote
1 answer
Configure nginx to serve Angular 15 NX monorepo with module federation
I have an Angular 15 app within an NX Monorepo with a few renotes.
The issue I am facing is configuring nginx to serve the shell and the remotes.
When I click on a route to navigate, the shell does not actually render the remote, but the default …
Comforse
- 2,027
- 4
- 25
- 40
1
vote
0 answers
Angular module federation site not able to deploy in production properly (404 error when calling remotes)
I attempted millions of things already, so help me please.
By following this documentation:
https://nx.dev/recipes/module-federation/faster-builds#production-build-and-deployment-with-nx-cloud
I want to simulate same exercise, create a host and 3…
Yogurtu
- 2,656
- 3
- 23
- 23
1
vote
0 answers
NX module federation with angular throws blocked by CORS policy when configuration is production
So, I created an example site for module-federation with NX, it has a HOST page and 6 REMOTE pages, it is not using backend for the time being. All good working ok when running in NG SERVE mode, but now I tried to test this by deploying the apps…
Yogurtu
- 2,656
- 3
- 23
- 23
1
vote
0 answers
Module Federation Angular in React Shell
I want to use angular app inside react app using module federation.
I found a way to use angular's app.component in React. But I can't use other components.
I am sharing the codes below.
Angular webpack config
const ModuleFederationPlugin =…
Scerci
- 11
- 2