Questions tagged [webpack-module-federation]
The webpack-module-federation tag has no usage guidance.
webpack-module-federation
26
questions
3
votes
3
answers
2k
views
NX MFE angular module federation not able to access remote micro front end
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....
28
votes
4
answers
75k
views
Webpack module federation is not working with eager shared libs
I was looking into Webpack 5 Module federation feature, and have some trouble understanding why my code does not work.
The idea is pretty similar to what standard module federation examples do:
app1 - ...
17
votes
5
answers
38k
views
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree
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 ...
8
votes
3
answers
4k
views
Angular Module Federation BrowserModule
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-...
7
votes
2
answers
5k
views
Angular MFE - WebPack5 - Module Federation - Image Path Issue
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/../...
3
votes
2
answers
446
views
React app in Vue using webpack5 Module federation
I've created simple react App HelloComponent and try to insert into Vue application but i'm unsuccessful
// React webpack config
const { ModuleFederationPlugin } = require('webpack').container;
const {...
0
votes
1
answer
195
views
react-scripts build works, but craco build fails
For my React App, I am trying to implement Module Federation using CRACO.
My dependencies in package.json are as below;
"dependencies": {
"autoprefixer": "10.4.5",
...
15
votes
4
answers
19k
views
Serving styles and assets with Webpack 5 module federation
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 ...
14
votes
1
answer
9k
views
Mocking federated modules in host application for jest
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 ...
11
votes
2
answers
11k
views
How does module federation choose which dependency version to use?
I've been playing around with this module federation example, where the setup is relatively straightforward - a host is consuming a module from a remote with a shared react dependency. When running ...
10
votes
2
answers
6k
views
Module Federation, React, and Apollo 3 warnings
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 &...
7
votes
1
answer
19k
views
Webpack Module Federation Error ScriptExternalLoadError: Loading script failed
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 webconfig ...
4
votes
1
answer
3k
views
Module Federation Not working with dynamic hooking the remote in webpack.config.js
I have module federation setup and working fine when I load the remotes upfront in index.html
Below works
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<...
4
votes
2
answers
4k
views
Module Federation in Nx and Angular generates an error loading styles.js
I am following the article describing setting up module federation: https://nx.dev/l/a/guides/setup-mfe-with-angular
Starting with generating the workspace, adding the angular plugin, and adding the ...
4
votes
2
answers
3k
views
Live Reload by Webpack-Dev-Server when editing a Federated Module
I am working on an app leveraging micro-frontends with the Webpack Module Federation.
My "host" app provides a login screen and a layout with menu, header and footer.
My "modules" ...