Questions tagged [webpack-module-federation]
The webpack-module-federation tag has no usage guidance.
webpack-module-federation
590
questions
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 ...
- 93
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
84
views
Is bidirectional module federation possible between a webpack project and a vite project?
I'm investigating webpack's module federation and the potential for allowing separate teams to choose their own frameworks and still share UI elements on one website. I have set up a number of ...
- 380
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 ...
- 13
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 ...
- 83
0
votes
0
answers
13
views
Title: How to Skip Loading Duplicate CSS Files in Nimbus Bundle Loader?
I am currently facing an issue where my app, loaded in the Nimbus Bundle Loader, is loading two CSS files (main.css and chunk.css) with the same content. I want to find a solution to skip loading one ...
0
votes
0
answers
28
views
How to change chunk load url?
I'm using two Next.js applications and employing webpack to set up module federation for configuring micro-frontends. At the host, I successfully load remoteEntry.js, but when loading related modules, ...
- 1
0
votes
0
answers
101
views
Angular and Module Federation Navigating From One Remote to Another 'TypeError: Cannot read properties of undefined (reading 'call')'
Using Angular 17.3.4, nx 18.2.4, and Module Federation.
From the Host's home page I am able to navigate to RemoteA. From the home page I am also able to navigate to RemoteB. However, when I try to ...
4
votes
0
answers
148
views
Prevent module name from being minified in webpack bundle
I have a host application that consumes a remote package through a script tag.
My remote package includes the following ModuleFederationPlugin config within the webpack config
plugins: [
new webpack....
- 49k
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 {...
- 123
0
votes
0
answers
57
views
Trying to expose the whole appmodule of the mfe, but also at the same time trying to expose a specific component of that mfe, in angular
Trying to expose the whole appmodule of the mfe, but also at the same time trying to expose a specific component of that mfe, in angular. is this even possible? i have read the modulefederation ...
0
votes
0
answers
88
views
Multiple instances of Microfrontend
I'm curious about something and would like to hear some opinions. Imagine I'm working on a microfrontend architecture using Angular. In this setup, I have a shell and a remote (like a card). Let's say ...
- 13
0
votes
1
answer
73
views
React Component gets rerendered
I have a React wrapper component which gets re-rendered. This is actually related to a wrapper for a microfrontend.
How can I find out what causes it to suddenly re-render even though the control is ...
- 50.3k
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
0
answers
68
views
Complex column sorting in tanstack table (Solid) issues
In a Solid JS app, I am attempting to utilize the Sort feature of a Tanstack Table (V8). I'm also using Webpack5 and Module Federation, if that could potentially cause an issue.
I have a column that ...
- 39