All Questions
Tagged with webpack-module-federation webpack-5
83
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
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
1
vote
0
answers
74
views
Use Vite as remote app in Webpack 5 dynamic remotes container
I'm trying to migrate my remote app from Webpack 5 to Vite.js and I am stuck at loading dynamically remotes by the host that works with Webpack 5.
The remote app exposes an entry point file with Vite ...
- 31
0
votes
0
answers
27
views
Webpack Alias Not Resolving Import
i want to integrate something from another repo using webpack 5 module federation.... but i have an issue where it isnt resolving alias.
my config is like the following:
module.exports = {
...
...
- 1,936
0
votes
0
answers
29
views
Handle package versioning between remote application in NX monorepo workspace
I'm working in NX monorepo workspace with different remote applications, My shell application is using angular 17 dependency from root package.json. I have a requirement to create new remote ...
0
votes
1
answer
484
views
Angular - Module Federation - How to Share model/usecase files
I'm working with Module federation and I've a shell app and a host app. They are linked as follows:
Shell Application:
webpack.config.js
plugins: [
new ModuleFederationPlugin({
remotes: {
...
- 202
0
votes
1
answer
121
views
use one react micro-frontend in other react micro-frontend using webpack
I have many micro-frontends (MFE) apps in my web application but to simplify the project structure, it looks something as below,
MFE-Projects
|------Packages
| |---------Auth
| | |---...
- 55.1k
0
votes
0
answers
99
views
Getting issue with navigation in React JS with Microfrontend Application
I have 2 application which is running on different servers.
Scenario:
Parent App - (Routes: /home, /aboutus, /contactus)
Child App - (Routes: /admin/dashboard, /admin/customers etc.)
I have ...
- 78
0
votes
0
answers
197
views
how to support different react-router-dom versions with Webpack module federation
We have a host app with old react-router-dom version (react-router-dom:^4.3.1) and we are trying to integrate react micro-app with latest react-router-dom (react-router-dom:^6.7.0)
I tried different ...
0
votes
0
answers
467
views
Webpack Shared module is not available for eager consumption: webpack/sharing/consume/default/react/react
Uncaught Error: Shared module is not available for eager consumption: webpack/sharing/consume/default/react/react
at __webpack_require__.m.<computed> (consumes:148:1)
at options.factory (...
- 2,487
0
votes
1
answer
517
views
Publish 2 version of same application using webpack module federation
We are using module federation for create a web application. We are facing issues to load different version of same application.
We are using promise dynamic remotes to load different version of same ...
- 195
0
votes
1
answer
2k
views
NextJS + Module Federation with ReactJS - style upload problem
I have a project which using React18 and webpack5. It have module federation plugin. I want to use NextJS + module federation. Remote project is working correctly. Host project could not get styles ...
- 1
0
votes
0
answers
948
views
Sharing modules b/w host and remote via Module Federation for npm scoped packages
I'm trying to share a component library via module federation and npm b/w host and remote.
Host consumes the component library via federation
Remote consumes the component library via npm
Both ...
- 2,492
1
vote
0
answers
405
views
ModuleFederationPlugIn giving error caught (in promise) TypeError: Cannot read properties of undefined (reading 'call') when loading host app
When I load my host react app, I get this error: caught (in promise) TypeError: Cannot read properties of undefined (reading 'call')
here is my web pack config for app1
new ModuleFederationPlugin({
...
- 31
1
vote
0
answers
537
views
Microfrontends using Module Federation (Angular & Vue)
I am needing to build a Microfrontend architecture with Module Federation and my applications will be build with Vue and Angular. Precisely I will build 2 apps in Angular and 1 in Vue. My problema is ...
