545 questions
1
vote
0
answers
152
views
Module federation problem, host build with Vite and remote build with CRA
How can I setup a module federation for my project, I have a React Vite app as host and CRA remote app. Do you know an easy setup, do I need to use craco in remote ?
I installed craco, and had this is ...
1
vote
0
answers
73
views
How to scope libraries within Angular micro frontend with Nx
I'm using Nx to create micro frontends in Angular and so far my folder structure looks like this (a lot of files have been omitted for clarity):
apps
- host
- bank
- libs
- invoice
- ...
- 3,367
0
votes
1
answer
73
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
0
answers
127
views
Getting node related errors when using pptxgenjs latest version in NX Angular Microfrontend setup
I am using NX Angular microfrontend application. @nx/angular: 20.8.0, Angular: 19.28
I am trying to use pptxgenjs: 4.0.1 in my application. During build I am getting following error:
node:fs - Error: ...
- 639
0
votes
0
answers
70
views
Importing a module federated web component inside a Next.js app
I'm a newbie to Next.js and module federation, and I'm working on an exercise (let's call it that) where I have a web component bundled with Webpack 5 in a federated module, and I want to import it ...
- 73
1
vote
0
answers
55
views
Create an Module Federation monorepo React projects using the Nx CLI with electron app
console error image
Create an Module Federation monorepo React projects using the Nx CLI - npx nx
g @nx/react:host apps/erp--remotes=hr,pm,crm
installed nx-electron using nx g nx-electron:app ...
- 13
1
vote
0
answers
99
views
How can I load a remote module from a Module Federation app during SSR (Fastify) and extract its JS/CSS chunks?
I'm building a prototype to test Server-Side Rendering (SSR) with Webpack Module Federation (WMF) in our large app. I have two apps:
App 1 – Remote App (React + Webpack)
Basic Button1 component:
const ...
- 21
0
votes
0
answers
98
views
Webpack Module Federation infinite reload
I try to split my angular 20 monolith and seperate my blogs from my main app. I set up everything but whatever I do, as soon as the remote gets fetched my application keeps on refreshing infinitely. ...
0
votes
0
answers
69
views
Shared module is not available for eager consumption: webpack/sharing/consume/default/react/react
I am trying to run a React microfrontend application using Webpack Module Federation. The container app (container-app) loads remote apps (mfe-dashboard, mfe-portfolio) dynamically using promise new ...
- 3,926
1
vote
1
answer
107
views
AG Grid CSS (data-ag-global-css) removed on drawer close in Module Federation remote, but not in host
I'm working with Webpack Module Federation and React, and I’m running into an issue where AG Grid's CSS gets removed from the DOM when its component (inside an Ant Design Drawer) is unmounted.
🔧 ...
- 23
1
vote
0
answers
310
views
Zustand store shared via Module Federation only provides initial value in remote app
I'm building a micro-frontend architecture using Webpack Module Federation. I have a host app and a remote app (cart), and I'm trying to share a global Zustand store (themeStore) from the host to the ...
- 23
0
votes
0
answers
107
views
Module Federation Vite: Exposing array of remote modules Vs Individual remote modules
In a standard Module federation setting, the remote project exposes a bunch of modules and these modules are consumed in the host project.
Example:
Remote project config:
exposes: {
'./home-...
0
votes
1
answer
240
views
How to prevent style leakage between Microfrontend apps when using ViewEncapsulation.None in Angular with Module Federation?
We have migrated our Angular applications into Microfrontends using Dynamic Module Federation (with @angular-architects/module-federation).
In each remote application, I imported a styles.css into app....
2
votes
0
answers
132
views
Microfrontends - React in an Angular host
I've been trying to have a React app using Vite acting as a microfrontend in an Angular shell / host using Native Federation (also tried using Module Federation). After some time searching, I managed ...
- 343
0
votes
0
answers
54
views
How to setup a singleton store/event bus for micro front ends monorepo with Vue2, Vuex, Vite?
I have this structure which every feature will be treated as a mini app, they will be bundle as separated scripts (based on vite-feature.config) to ready for load as needed on an external app.
They ...
- 1