Questions tagged [webpack-module-federation]
The webpack-module-federation tag has no usage guidance.
webpack-module-federation
590
questions
0
votes
0
answers
6
views
Use hash in remote module URL for webpack module federated components
I have a app that loads some module federated components. For example:
module.exports = {
plugins: [
new ModuleFederationPlugin({
name: 'app',
remotes: {
remoteComponent1:'...
- 355
2
votes
1
answer
9k
views
Code structure when dynamically load a micro frontend via Module Federation
I picked up the git examples of https://www.angulararchitects.io/en/aktuelles/multi-framework-and-version-micro-frontends-with-module-federation-the-good-the-bad-the-ugly/ further referenced as Ex. 1 ...
CommunityBot
- 1
0
votes
0
answers
17
views
Unable to invoke a dialog component via MFE
I need to load a remote module for an angular based app. The remote module is also angular based and part of another FE. Here is the code I'm using:
loadRemoteModule({
remoteEntry: 'https://...
- 531
0
votes
0
answers
24
views
Module federation: Unsatisfied version 18.3.1 from `REMOTE-REPO-C` of shared singleton module react (required ^17.0.1)
I am using module federation for micro-frontends, where the host is react:^17 and some of the remote repos also have react:^17.
I want to upgrade all the repos to ^18 in a step by step manner with one ...
- 266
0
votes
0
answers
26
views
Module Federation not workng with react host app and vite-react remote app
I have setup the module federation using two remote apps into one host application. My host app is react and one the remote is also created using react, while the second remote app is created using ...
1
vote
1
answer
157
views
Load remote React component in runtime
I could not find an good enough answer so I'm creating a new question with the details of what I'm trying to archive.
I have a React Component that will be embedded in other pages.
This React ...
- 1
1
vote
1
answer
1k
views
How to communicate between micro front end applications angular
I have 3 independent angular application running using MFE architecture. I want to communicate each other . What is the best approach to communicate between each other other than using local storage.
...
- 557
1
vote
0
answers
17
views
How to bootstrap the routing, NgRx etc of MFE module from the shell project forcibly using module federation?
I want to bootstrap or initiate the MFE's routing, NgRx and other library instances from the Shell project programatically.
Now I am doing lazy load of modules from shell as below
loadChildren: () =&...
- 7,380
1
vote
0
answers
48
views
Utilize react component over URLs dyanamically
I have a React component say TEST.TSX , I have compiled the .tsx file to .js and uploaded it to GitHub, so that I can server it over JsDelivr. Can I use the CDN in another react app to utilize the ...
0
votes
0
answers
37
views
How to extract a component from dynamically loaded angular remote module
How to extract the Component from module federation remote module
At present I am having the below code
Remote code:
exposes: {
'./TodoModule': './src/todo/todo.module.ts',
'./...
- 7,380
0
votes
0
answers
16
views
Angular microfront end w/ tailwindcss
i use module federation and multirepo in angular, i have a shell, an app (MFE) and a shared-ui
so in my shared-ui i have installed tailwindcss, i have my file tailwind.config.js and a styles.scss ...
- 1
0
votes
1
answer
123
views
Css variables of Primevue styles are not defined in module federation layout app
I try to use feature of customization of the primevue theme and change the prefix for css variables of Primevue style. After checking the changes in layout MF app I unfortunately see that all this ...
2
votes
0
answers
250
views
How to add security to the remoteEntry.js in module federation webpack
I'm using module federation to implement Micro Front-End. The remoteEntry.js generated by the micro apps are consumed by the container application and it works fine.
The Question is:
https://app1....
0
votes
0
answers
25
views
Error when switching between Angular micro frontends in a project using Module Federation
I am facing an issue with my microfrontend architecture project where I use Module Federation. My project structure is:
Shell (React)
Microfrontend 1 (Next.js)
Microfrontend 2 (Angular)
Microfrontend ...
- 1
0
votes
2
answers
3k
views
Angular Module Federation: Not loading MFE from remote port
I am working on angular module fedration for micro-frontend, most of the setup is done both Shell and MFE is parally working fine, But when I try to use the path for MFE I am getting below error:
...
