python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - angular-module-federation

ChunkLoad Error with Angular and module Federation

I'm trying to create an angular micro-frontends using module federation. Following this tutorial (the angular CLI part), I've created 3 projects in an angular workspace: shell, admin and dashboard. I'...
test-img

Aw3same

angular

webpack-module-federation

angular-module-federation

Votes: 0

Answers: 0

Module Federation Loading Nested App route

I have a app in the below structure ---Main App (router-outlet>) --Animal () -Dashboard. (url app/dog/dashboard) --Animal (router-outlet>) -Dashboard (url app/cat/dashboard) Now I want to separ...
test-img

Pratik Kelwalkar

javascript

angular

micro-frontend

webpack-module-federation

angular-module-federation

Votes: 0

Answers: 1

Latest Answer

You can use the matcher with the "startsWith" of @angular-architects/module-federation-tools Take a look: https://www.angulararchitects.io/en/aktuelles/multi-framework-and-version-micro-fron...
test-img

Victor Magalhães

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,...
test-img

angfreak

angular

webpack-5

webpack-module-federation

angular-module-federation

Votes: 0

Answers: 0

load two different apps side by side in dashboard using Angular and Module Federation

I have 2 different Angular apps [Product View and Product Cart] and a shell application. All 3 apps are hosted on different ports. In the shell application I have integrated above apps using module fe...
test-img

AJS

angular

webpack-5

webpack-module-federation

angular-module-federation

Votes: 0

Answers: 1

Latest Answer

The solution is to provide a placeholder module in catch and further implement errorcomponet in placeholder [error module] as loadChildren: () => loadRemoteModule({ remoteEntry: 'http...
test-img

AJS

Posts

Questions

Blogs

Jobs