All Questions
Tagged with webpack-module-federation vite
22
questions
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 ...
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
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 ...
1
vote
0
answers
57
views
Unable to import federated module into another project
I'm attempting to use Module Federation to share a module from one project (remote app) to another project (host app).
In my remote app, the module is compiled successfully, and I can see the ...
0
votes
0
answers
144
views
Microfrontend implementation where the host is Vue and the remote component is React
I am trying to make a microfrontend application where the host is implemented in Vue and the remote component is implemented in React.
I use vite and Module Federation (vite-plugin-federation).
host ...
6
votes
1
answer
758
views
module federation react typescript webpack and vite throws an error "Loading script failed
Versions
vite-plugin-federation: ^1.3.5 (latest)
vite: ^5.1.0 (latest)
Steps to reproduce
Set up a host project using React, TypeScript, and Webpack.
Set up a remote project using Vite.
...
0
votes
1
answer
231
views
Correctly typing components when using module federation and lazy/suspense
When using module federation and lazy loading how can I type a component to get static type checking?
Simple example is importing a Button into the host app from the remote
import {lazy, Suspense} ...
1
vote
0
answers
429
views
Can I Dynamically Import `@originjs/vite-plugin-federation` remote components using dynamic-import-vars based on an array of objects
I wonder if it is possible to import a couple of components from a remote source generated using @originjs/vite-plugin-federation components in my Vite React.js app.
Eg: I've an array of object as ...
2
votes
0
answers
292
views
React Vite Module Federation Expose types
I have 3 vite react projects setup currently with module federation and everything is working as it should. The main annoyance is that when using a component in a remote project I get none of the type ...
0
votes
1
answer
2k
views
Sharing data with module federation
I am trying to build and vue.js, typescript, vite application. I am also using vite-module-federation-plugin for code sharing trough the different applications. I am wondering is there a way to share ...
0
votes
3
answers
6k
views
Microfrontend Module Federation using vite/react/typescript: Cannot find module
I am trying to setup a microfrontend for my project and at base I am using vite to setup my react/typescript applications. I've installed the vite plugin for module federation.
And these are my vite....
2
votes
0
answers
1k
views
Vite.js + TS + Module Federation - not working with basic configuration
I'm using the latest Vite with React 18 and trying to integrate a module federation architecture.
After running application on the server side I got this error:
Warning: React.jsx: type is invalid -- ...
2
votes
0
answers
1k
views
Vuejs 3 vite with module federation share store between modules
We want to create an application and want to spilt it into modules with the help of module federation.
The idea is that each module can live alone (without the host). For this requirement, we have to ...
1
vote
0
answers
184
views
How can use a js component inside of a vue-vite app using ModuleFederation plugin?
I've created a component in a js-app and exposes it by modulefederation plugin. The source file of the project is accessible through the following link:
git-source
The webpack.production.config of js-...
2
votes
0
answers
106
views
How do I prevent two different behaviors at a single URL in Micro frontends
The Micro frontends are Client side rendered react applications bundled using vite
The host application loads Micro frontends corresponding to every item in the side navigation
The micro frontends are ...