All Questions
Tagged with webpack-module-federation micro-frontend
185
questions
0
votes
0
answers
37
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',
'./...
0
votes
0
answers
16
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
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
0
answers
21
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
23
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
32
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
0
answers
46
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 ...
0
votes
0
answers
52
views
Angular Module federation - how to import and use a shared module from another mf-project
I am using module federation for microfrontends, and in each microfrontend I use atomic architecture. I have a module called atoms that contains and exports many components. I want to use these ...
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 ...
1
vote
0
answers
60
views
TypeError: dispatcher is null
I'm having some issues, but the main one seems to be the TypeError: dispatcher is null. It appears after several rebuilds of the code. Additionally, in the browser console, I see the warning: Invalid ...
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
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
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 ...
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 ...
0
votes
0
answers
263
views
Native federation - Angular 17
I am working with micro frontends using native federation in Angular 17. I have encountered the issue that the 'app-loading-bar' component is not displayed in the shell, as I have instantiated it in ...