Questions tagged [webpack-module-federation]
The webpack-module-federation tag has no usage guidance.
webpack-module-federation
587
questions
0
votes
0
answers
11
views
How to bootstrap the routing, NgRx etc of MFE module from the shell project forcibly using module federation?
I want to bootstrap or initiate the MFE's routing, NgRx and other library instances from the Shell project programatically.
Now I am doing lazy load of modules from shell as below
loadChildren: () =&...
0
votes
0
answers
27
views
How to extract a component from dynamically loaded angular remote module
How to extract the Component from module federation remote module
At present I am having the below code
Remote code:
exposes: {
'./TodoModule': './src/todo/todo.module.ts',
'./...
1
vote
0
answers
45
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 ...
-1
votes
1
answer
36
views
How to streamline a mass migration from Angular 12 micro-frontends to Angular 16, in a module federation architecture? [closed]
Our company is holding a workshop in a couple weeks to discuss how we are going to tackle this problem. I am fairly new to the org at the mid-level and am performing research to try to aid in finding ...
0
votes
0
answers
13
views
Angular microfront end w/ tailwindcss
i use module federation and multirepo in angular, i have a shell, an app (MFE) and a shared-ui
so in my shared-ui i have installed tailwindcss, i have my file tailwind.config.js and a styles.scss ...
0
votes
0
answers
18
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 ...
0
votes
0
answers
24
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
24
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
67
views
Css variables of Primevue styles are not defined in module federation layout app
I try to use feature of customization of the primevue theme and change the prefix for css variables of Primevue style. After checking the changes in layout MF app I unfortunately see that all this ...
0
votes
0
answers
24
views
Use TraslateService in standalone components accross Angular microfrontends and Webpack Module Federation
Which is the best way to use the TraslateService (ngx-translate) accross microfrontends in an Angualar application with Webpack Module Federation using standalone components?
I was importing ...
0
votes
0
answers
18
views
Shared dependencies are still generated in both remote and shell app in @angular-architects/module-federation
Both shell app and remote app has angular_core package in the build bundle, even after adding them in shared: {} webpack config. Is it expected?
Shell app webpack config
'@angular/core': {
...
0
votes
0
answers
16
views
Micro frontend - Material UI library duplicate imports webpack
I am implementing the microfrontend architecture, My main app and mf1 app uses material ui,
the material ui library are imported multiple times, even after specifying the singleton property.
which is ...
0
votes
1
answer
31
views
Cannot load multiple modules and components from an Angular microapp
I'm trying to load an Angular remote component in another shell application, but I get:
TypeError: Cannot read properties of undefined (reading 'get') and TypeError: Cannot read properties of ...
0
votes
1
answer
51
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:
...
0
votes
0
answers
38
views
Getting Error when routing to remote module nested component from shell in angular 17 micro frontend using module federation
im using module federation for angular micro front end with angular V17 projects. im exposing routes from remote module.
for initial routing it is working good, but i have 2 buttons in remote module ...