I am trying to create the most basic webpack module federation proof of concept example. Webpack config in the host app: ... plugins: [ new ModuleFederationPlugin({ name: "hostApp", r...

I'm building an app with micro-frontends using webpack 5's module federation plugin. Everything was fine until I started adding react hooks into my remote app. At that point I received errors about...

Versions vite-plugin-federation: ^1.3.5 (latest) vite: ^5.1.0 (latest) Steps to reproduce Set up a host project using React, TypeScript, and Webpack. Set up a remote project using Vite. Conf...

Unfortunately, my repro for this is in a complex proprietary project, so I will do my best to explain what is going on. The closest example project to my use-case is this one: https://github.com/mo...

I'm working with the berry version of yarn with modules federation and vue3. When I run these commands to create the base of the project: mkdir vue-error yarn set version stable yarn plugin import ...

I've successfully implemented the relatively new webpack 5 module federation system in my Angular 11 app, so it can load modules remotely on-demand from another build. One thing I've found nothing ...

I am trying to get my rather complicated monolithic app to work with Module Federation. My webpack config looks like that plugins: [ new ModuleFederationPlugin({ remotes: { "mfe1": &q...

I have 3 standalone React Apps hosted on 3 different domains and its using Keycloak for authentication the tokens are saved in the localstorage and during a REST API call axios use the tokens from ...

We are creating an MFE angular app using Module Federation WebPack 5 and ended up in an issue with the image source path. When we run the MFE alone, the image is loading(localhost:5000/assets/../an...

What is happening is that I am consuming a Micro front-end through module federation, but even using React.Lazy the bundle (remoteEntry) is loaded at the start of the application, without accessing...

I have a shell and two MFE using NX module federation i.e. agency(a) and home(b). which is hosted in a different subdomains. I have a problem while trying to access. My module-federation.manifest...

I currently have multiple React v17 apps which utilise Module Federation from Webpack 5. I would like for my MUI 5 theme to be shared across all of these micro frontends without having a there own ...

I am trying react module federation. I have created two react apps(modulefederation1, modulefederation2) using create-react-app command. I am getting 'Uncaught Error: Shared module is not available...

I have set up a container app that consumes several remote apps. The issue is that I need the remote urls to be dynamic based on what environment they are in (Test, Dev, QA). As you can see my vehi...

I have an angular app where I decided to expose this component: new ModuleFederationPlugin({ // For remotes (please adjust) name: "app1", filename: "app1.js", exposes: { ...

I am working on a module-federation prototype with webpack5 and the CLI11, mostly as described here: https://www.angulararchitects.io/aktuelles/the-microfrontend-revolution-part-2-module-federation...

I am trying to split a big monolith React app into micro-frontends using webpack module federation. I already have the remote module deployed and working great when running the dev server locally, ...

I'm start using Micro Frontend with Module Federation Plugin . Now i faced with some issues on building routing between my applications. My Host application have route 3 mfe apps. Each of them have...

Question is exactly same here in fact but has different context: How to mock not installed npm package in jest? I am part of a project where new Module Federation is used from webpack. Basically, I...

I need a way to test a component in which two other components are lazy loaded. We are using webpack module federation. So here ComponentOne and ComponentTwo are micro-frontends that are lazy loade...

With Webpack 5 module federation if remote entry is modified, you don't need to redeploy main module/application and the newest version of the module will be loaded when it's requested by the brows...

The question about injecting Environment Variables after bundling with Webpack is already asked and answered. The answer is always based on loading the updated Environment Variables inside the inde...

I have separate repositories for my shell & my microfrontends & I would like to share the auth service data between shell & microfrontends. I have used below article "Step 5: Share...

NOTE: I tried accessing this directly in the browser https://localhost:5007/accom-web/dist/js/assets/browser-bundle/remoteEntryTest.js and I'm served the remoteEntryTest.js file. This is my webco...

I am trying to use micro frontend app from gatsby using Module Federation. When I try to call the component which is running at localhost:3001, getting CORS error. any idea how to solve this? Here...