All Questions
Tagged with webpack-module-federation reactjs
213
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:'...
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 ...
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
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
29
views
Module not found: Error: Can't resolve 'provider_app/App' remote React modules
I'm trying to access React components from a consumer in a remote link. I'm using Module federation in Webpack 5 for this. Here's my code.
Provider App
App.js
import React from 'react'
function App() ...
0
votes
0
answers
34
views
How to expose a React component from host application to a module federated child application in Micro Front End Architecture?
I was exploring the Microfront End Architecture, and I found this very useful github repo https://github.com/nebarf/module-federation-react-router-dom
My usecase is I want to expose a component from ...
0
votes
1
answer
63
views
Uncaught Error: Shared module is not available for eager consumption in Module Federation with React and Storybook
I'm using Module Federation with React and Storybook and encountering an issue. The page loads correctly initially, but upon refresh, I receive the following error:
Error Image Preview
Input.jsx:
...
1
vote
0
answers
24
views
Webpack: Module "./..." does not exist in container after deploying to AWS
I have a React micro frontend application using Webpack's Module Federation and I am not able to figure out this error after I deploy the MFEs up to a higher environment in AWS. The apps run fine if I ...
0
votes
1
answer
36
views
Material-Table is not displayed in the host React app
I'm trying to implementing Module Federation for my web app. I'm using React Vite. I tried to call <IdentificationCard /> component inside remote app from host app but it didn't showed up.
I use ...
1
vote
1
answer
158
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 ...
0
votes
0
answers
52
views
how can I achieve css isolation in my module federation app?
I have React module federation app.
I load several remote components, which are being developed by other development teams in the company.
lately, we've ran into an issue where the css of the remote ...
0
votes
0
answers
42
views
Module Federation: Remote app crashes the host app
So I have a remote app that is being consumed in the host app. I'm importing the Button component from the remote and lazy loading in the host app. The problem is that the remote app crashes the host ...
0
votes
0
answers
24
views
Is it possible to expose component from parent to child in micro-frontend using ModuleFederationPlugin
The structure of my react based application is micro-frontend using webpack ModuleFederationPlugin.
I am only exposing component from child and using it as remote in parent application.
I want to ...
0
votes
0
answers
32
views
Module Federation between Nx Monorepo Reactjs and Normal Reactjs (CRA)
I'm researching how to expose a component in an NX React app (the remote) so it can be consumed by a standard React app (the host) which is not part of the NX module. I've read the NX documentation ...
0
votes
0
answers
13
views
Webpack Federation Errors when implment iFrom one React Vite to another?
i have this Error when implment Table Data to another React App with same versioning in remote and host using module federation
Code or Remote
const { merge } = require('webpack-merge');
const ...