Questions tagged [angular-module-federation]
106 questions
0
votes
0 answers
Angular canLoad not working with webpack module federation
I had an anugular 14 app which was using canLoad to guard a lazy loaded module. It was working as expected. Then I added ng add @angular-architects/module-federation@14.3.14 --project mainapp --port 5000 to this app. Once I added module federation…
Alphonse
- 37
- 8
0
votes
0 answers
Shared local libs in Angular Micro Frontends are not singleton but create new instances
We have some Angular 14.x applications implemented as micro-frontends (mfs) using the lib @angular-architects/module-federation": "^14.3.0".
We have some local libs that should be shared as singleton among all micro-frontends.
If we deploy the…
Francesco
- 9,947
- 7
- 67
- 110
0
votes
1 answer
MFE ModuleFederationPlugin failing with TypeError: container.init is not a function
MFE1 will expose some functionality including some html using createCustomElement angular/elements
MFE2, which is expected to use this remote MFE html as it is. it will embedded and create from calling multiple domain specific mfes.
Following are…
naveen
- 11
- 4
0
votes
1 answer
Do i need to share my peer dependency packages of a shared library in angular modular federation
I have a shared library in my monorepo with multiple angular application. Do i need to share the peer dependency packages using the share function of @angular-architects/module-federation/webpack.
I want single instance of those packages to be…
Jagadesan
- 1
- 1
0
votes
0 answers
How to serve assets from remote to shell application in angular module federation
I have implemented the angular module federation (micro frond ends) for my angular applications but facing the rendering issue (broken) with svg icons those are available in remote application. But these svg icons are working when I run the remote…
Neha
- 15
- 4
0
votes
0 answers
Angular modular federation build issue. All my shared packages are building separately
I am trying to implement modular federation in Angular using "@angular-architects/module-federation": "14.3.14".(as monorepo with multiple angular applications). I want to share all my packages with host and remotes. When I use the "shareAll"…
Jagadesan
- 1
- 1
0
votes
2 answers
How to Deploy Micro Frontends with Angular
Hi Everyone,
I have created micro front end applications in angular with the help of angular module federation and everything is working fine . Now I need to create development build and deploy on any local server. I know that how to create build…
Neha
- 15
- 4
0
votes
1 answer
Angular 14 with Module Federation library not working if one remote is not available
We have an Angular project with multiple micro-frontends using Manfred Steyer's module federation library.
After migrating from module federation v12 to v14, the application stops working if one remote endpoint is unavailable. In contrast, with the…
Francesco
- 9,947
- 7
- 67
- 110
0
votes
1 answer
In Angular 14, using module federation, how do I determine the absolute path of my remote app from within the remote app?
I'm using Angular 14 and module federation. How do I find the absolute path of my remote application from within my remote application? In my remote application, I expose the module using
module.exports = withModuleFederationPlugin({
name:…
Dave
- 15,639
- 133
- 442
- 830
0
votes
2 answers
How to use BehaviorSubject in nx module federation?
I have this module federation workspace
apps
-- host
---- src
------ app
-------- app.component.ts
-- main
---- src
------ app
-------- app.component.ts
libs
-- components
---- menu
------ src
-------- lib
---------- menu.component.ts
--…
Rez
- 514
- 1
- 9
- 31
0
votes
1 answer
Different approach to utilize Angular Micro-Frontend remotes in the host Angular app
Context:
I have 2 Angular 13 applications, 1 as remote and the other as host and using Module Federation to configure both remote(creating mfe) and host.
All Module Federation examples directs us to load the remote module in the host like this
{
…
Aakash Uniyal
- 1,519
- 4
- 17
- 32
0
votes
1 answer
Angular custom event implementation for micro frontend communication
I have created micro frontend applications using angular with webpack module federation plug in.
I am trying to send some data from host to remote applications using angular custom events.
I am able to send the data from host to remote as given…
Muqthar Ali
- 83
- 10
0
votes
1 answer
lib folder is not present inside the '@module-federation/nextjs-mf?
Hi i am trying to make use of micro front end in nextjs , So as mentioned in this npm pkg link ,
lib folder is not present inside the @module-federation package
tried below way to import the include-defaults
import…
Gopinath Kaliappan
- 6,929
- 8
- 37
- 60
0
votes
0 answers
Using Leaflet with ModuleFederation having runtime issues
Having issues using leaflet in custom modules. Below are the details
nx: v12
Angular: v12
"@angular-architects/module-federation": "12.2.0"
Have created custom module(map-leaflet-module) which uses leaflet and its plugins like draw, marker…
0
votes
0 answers
Angular module federation: Webcomponents and assets static file sharing between MFE and Shell application in polyrepo scenario
Currently i am facing two problems:
I have two repos one for shell and another for MFE application
Here is the version o module federation
@angular-architects/module-federation": "^14.3.12
First Problem:
I have webcomponent created which is custom…
