Stack Overflow
Stack Overflow

Questions tagged [angular-module-federation]

106 questions
0
votes
0 answers

Angular architects module federation loads in the lazy loaded module dynamically but it is not visible on the page

I am using Angular 2 with module federation. I have 3 apps: Main (host) Child1 (remote) Child2 (remote) The structure is: Child1 and Child2 are exposed and Main is taking them as remotes. Child1 is injected to Main -> that is working fine. BUT my…
Kaushal Talshania
  • 1
0
votes
0 answers

Angular Module Federation generate too many chunks

I am trying out Module Federation with our Angular application in a large monorepo. We have a library contains dozen of shared components which based on Angular Materials and we use Angular CDK, rxjs in them. When I try to expose one of feature…
biihc2000
  • 1
  • 1
0
votes
1 answer

Angular with lazy loading has bundle without output hash

We have an Angular 16 application with micro frontends and using lazy loaded modules. For each Micro Frontend, all built bundles have a hash appended, except one file (the one having the same name of the mfe). Below "Activity" is one of our…
Francesco
  • 9,947
  • 7
  • 67
  • 110
0
votes
0 answers

Angular MFE: Shared module is not available for eager consumtion

i am starting to convert my Angular 15 application to host application for the upcoming MFE refactor. My repo is created with Nx, and so my firt step is to convert my application to host with the command: @nx/angular:setup-mf The comman runs fine,…
Slash90ITA
  • 87
  • 2
  • 8
0
votes
0 answers

Angular Module Federation | Shell and Remote in Same App

Can an application act as a shell and remote and call it's own mfe? part of webpack.config const federatedModules = withModuleFederationPlugin({ name: 'mfe', exposes: { './DownloadModule':…
LinkedListT
  • 681
  • 8
  • 24
0
votes
0 answers

how to use NGX-translate in NX workspace with dynamic angular mfe with standalone api

I would like to use "ngx-translate" library into a nx workspace configured as dynamic angular MFE with standalone api. What I want to achieve is having a "shared-assets" buildable library and each application has their own "assets/i18n". What I…
Arigui Ahmed
  • 393
  • 6
  • 14
0
votes
0 answers

angular micro front-end by module-federation

I wanna create micro front-end applications I have done it by module-federation and I followed this page guid but I have a problem, I want to every project has own style. when ever i redirect url from dynamic app to remote app, style.scss from…
abolfazl_mehdi
  • 179
  • 2
  • 12
0
votes
0 answers

Angular Module federation with web components: how to share Ngrx store?

Months ago, I started a big project using module federation with web components as described in https://www.angulararchitects.io/en/aktuelles/multi-framework-and-version-micro-frontends-with-module-federation-the-good-the-bad-the-ugly/ The shell…
demarcom
  • 131
  • 1
  • 3
0
votes
1 answer

Set Headers in A request that we cannot access in angular ("@angular-architects/module-federation")

I have a shell and several micro frontend apps all built with Angular 14. I've used "@angular-architects/module-federation": "^14.3.14". Everything works fine Except I could not intercept the http call which loads the remoteEntry.js file of the…
saeed
  • 13
  • 4
0
votes
0 answers

CORS issue in Container App that has custom domain with same base domain

I have Angular app deployed in two container apps with custom domain as below app1.dev.myproduct.mydomain.com app2.dev.myproduct.mydomain.com Here app1 is the shell container and it calls app2 using Module Federation. Even though they are in the…
Kiru
  • 3,489
  • 1
  • 25
  • 46
0
votes
1 answer

Implementing federated module in Angular 15 with Module Federation and encountering 'Shared module is not available for eager consumption' error

I'm trying to implement a federated module in Angular 15. I've tried multiple configurations but always fall into the same issue when trying to serve my remote: main.ts:2 Error: Shared module is not available for eager consumption: 46269 at…
arwa9
  • 1
0
votes
1 answer

Angular/Module Federation/Micro front-end : what's wrong in my code ? Typescript error : container is undefined

I have two Angular apps : app1 = shellApp (the parent who consumes the micro front-end), running on port 4200 app2 = mfeApp (the one I want to consume in shellApp), running on port 4201 I would like to use a component of mfeApp in shellApp with…
M Matthieu
  • 359
  • 3
  • 10
0
votes
1 answer

Angular Module Federation: Not loading MFE from remote port

I am working on angular module fedration for micro-frontend, most of the setup is done both Shell and MFE is parally working fine, But when I try to use the path for MFE I am getting below error: ERROR Error: Uncaught (in promise): Error: NG05100:…
Atul Verma
  • 361
  • 8
  • 22
0
votes
1 answer

Module not found error. webpack not resolving path mapping in module federation angular application

I am having an angular 14 application and a library in the same repo. I am using "@angular-architects/module-federation": "^14.3.14" and introduced modular federation in my angular application. I mapped my library path in my tsconfig like…
Jagadesan
  • 1
  • 1
0
votes
0 answers

Ngx_translate does not have singleton when using it in remote module

I'm building Angular application using Module Federation and using ngx-translate/core for translations. When I run application, main app creates single instance and being shared among all child components. But when I load child applications within…
Sandeep Adiseshu
  • 68
  • 6
1 2 3
4
5 6 7 8