Questions tagged [webpack-module-federation]
The webpack-module-federation tag has no usage guidance.
webpack-module-federation
408
questions with no upvoted or accepted answers
12
votes
0
answers
2k
views
Deployable MFE using nextjs and module federation
does anyone has experience using Nextjs and module federation for creating the MFEs that can be deployable?
I can see there are some limitations and we'll lose SSR in that case like deploying micro ...
- 1,030
12
votes
0
answers
922
views
Does Webpack plugin for MicroFrontends support flutter web app be used as MicroFrontend inside angular app?
I have angular application which works independently. Also there is a flutter web build for a certain feature which runs independently. I would like to use the flutter web build as a micro frontend ...
- 357
11
votes
0
answers
3k
views
Sharing AuthService data between shell & micro front end using module federation plugin - remote library
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 a ...
- 1,430
10
votes
0
answers
2k
views
Module federation and React Context hooks
When using React useContext hooks, it currently requires an import from a component higher up in the tree to pass in the Context object. Say for example:
// index.jsx
export const MyContext = React....
- 1,344
10
votes
2
answers
6k
views
Webpack 5 module federation missing chunk when dynamically loading remote module
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, ...
- 101
8
votes
1
answer
4k
views
React.Lazy not working when consuming Micro frontend with webpack 5 and plugin Module Federation
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 ...
- 101
8
votes
2
answers
8k
views
WP5 Module Federation: Singleton instantiated multiple times
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/...
- 9,226
8
votes
2
answers
4k
views
Webpack 5 Module Federation : Accessing Remote Module with Authentication
I'm using Webpack 5 Module Federation to consume remote modules. All is working as expected.
Until now the remote module URL is public and does not require any kind of authentication. That is fine for ...
- 9,365
6
votes
1
answer
1k
views
Angular webpack inserting styles.js without type module causes error '"Uncaught SyntaxError: Cannot use 'import.meta' outside a module
Angular webpack generates the tag for style.js without type=module. I started to use webpack-module federation and now I get the error:
styles.js:3277 Uncaught SyntaxError: Cannot use 'import.meta' ...
- 861
6
votes
0
answers
1k
views
How to share up-to-date global context between Container app and micro-frontend app?
I am using webpack module federation plugin, and there are Container and Micro frontend apps (both are written on React). Based on the new requirement I should implement an authentication logic using ...
- 473
6
votes
1
answer
758
views
module federation react typescript webpack and vite throws an error "Loading script failed
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.
...
- 227
5
votes
1
answer
1k
views
Error NG0203 when trying to access routes on remote app in Module Federation with Nrwl
I am trying to use Module Federation with Nrwl in an Angular application. I followed the documentation for Dynamic Module Federation with Angular (https://nx.dev/recipes/module-federation/dynamic-...
- 101
5
votes
0
answers
934
views
How to share common utility files/functions , common css or design systems in module federation using react?
I am new to module federation , and I am trying to federate my monolith project into multiple Micro frontends but I have some common utility functions , global css that are being used across the ...
- 169
5
votes
0
answers
2k
views
How to use common dependencies between multiple modules in React micro frontend
Hey I am using react microfrontend in my react project with webpack module federation.
After changing folder structure as per microfrontend structure facing some difficulties to handle common ...
5
votes
0
answers
1k
views
How to apply scss with Module federation in Angular
I am working on a module-federation prototype with webpack5 and the Angular 11 using below package.
https://www.npmjs.com/package/@angular-architects/module-federation
There is a know issue with this ...
- 3,909