All Questions
Tagged with webpack-module-federation webpack-dev-server
13
questions
1
vote
0
answers
78
views
ModuleFederation with react - not able to load multiple remotes into main
I am trying to learn microfrontend with reacts using modeuleFederation but facing an issue.
I have 3 projects inside my director which are like
main - running on port 8080
remote 1 (products) - ...
0
votes
1
answer
602
views
Webpack ModuleFederationPlugin and HMR "Cannot set properties of undefined"
Brief
Hello community!
I have been trying Webpack ModuleFederationPlugin with react and typescript in my current POC. So I have 2 applications ChildApp that exposes a module and a HostApp that ...
0
votes
0
answers
142
views
Error: NG0203 , Nx monorepo with module federation ( angular projects )
im using Nx monorepo to make a module federation projet with 1 host & 5 remotes ( angular projects ) and they are all using the same package.json with angular version 16.2.0
Im facing a probleme ...
0
votes
1
answer
28
views
How to apply resolveExtensions configuration to exposed components using Webpack
I have used resolveExtensions in webpack config as follows.
const commonOpts = {
isExternalEnv: true,
outputPath: 'dist/production/www',
resolveExtensions: ['.js', '.ts', '.json', '.jsx', '.scss'...
0
votes
0
answers
147
views
Webpack Dev Server Proxyconfig throwing Connection refused error
We're using module federation to combine angularJS(8080) and Angular project(4201). Now to handle assets, I'm trying to use proxy to redirect assets location to my angular project, running on 4201. ...
0
votes
1
answer
594
views
Webpack dev server stuck with CRA and module federation
I am running an application created with create-react-app 5.0.1 and wanted to introduce Webpack Module Federation, as I need to expose a part of it as a remote. I understand CRA doesn't support Module ...
5
votes
1
answer
4k
views
Webpack Module Federation loads chunks from wrong URL
I am building a project with webpack module federation with the following setup:
React host (running on localhost:3000)
Angular Remote 1 (running on localhost:4201)
Angular Remote 2 (running on ...
1
vote
1
answer
2k
views
React with Webpack-5 & Module-Federation, Sharing @mui
framework: react.js v18
packages: @mui/material v5, @emotion/react v11
apps: theme(host), nav(remote)
The remote app(nav) has it's own ThemeProvider(@mui/material) component with primary color set to ...
1
vote
0
answers
84
views
Browser tab freezes when running webpack-dev-server in development mode using remote Module Federation module
Dependency versions:
webpack: 5.73.0
webpack-dev-server: 4.9.2
This occurs when running a host application via webpack-dev-server that consumes micro-apps via ModuleFederationPlugin.
Example host ...
0
votes
1
answer
2k
views
Uncaught TypeError: Cannot read properties of null (reading 'useState')
In the module federation remote and host app configs attached below and its a react typescript applications.
A simple button component is used in the host app, able to see the component with default ...
4
votes
3
answers
31k
views
React Module Federation - Uncaught Error: Shared module is not available for eager consumption: webpack/sharing/consume/default/react/react
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 ...
1
vote
1
answer
4k
views
Webpack Module Federation react 17.0.2
I am trying to implement Module Federation Plugin in react application. Specified versions in package.json are
"webpack": "^5.65.0",
"webpack-cli": "^4.9.1",
&...
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" ...