Questions tagged [webpack-module-federation]
458 questions
0
votes
0 answers
ONE NgRx 'forRoot' module othen than app.module.ts? (i.e NgRx in federated modules)
Conventionally, an Angular/ngrx application maintains global state via NgRx's 'forRoot' at app.module.ts. Subsequently other sub states are maintained as 'features' within the global root state.
Given NgRx cli's schematic below one can apply root…
MoMo
- 1,836
- 1
- 21
- 38
0
votes
1 answer
Can't federate components in production mode
I'm using Angular with Webpack 5 Module Federation for micro-frontends. I have 2 apps (let's call them app1 and app2) and my main app, app1, is federating components of app2.
In app2, my exposed components are exported by my main module, so when I…
Tombery
- 266
- 2
- 15
0
votes
1 answer
Vue 3 + Module Federation
I am trying to build a simple micro-frontend example using Vue3 and Module Federation but I have a collision problem.
I have the code here:
https://github.com/ghalex/mf-example
There are only two mf:
container (Vue3)
auth (Vue3)
The problem I have…
Alexandru
- 336
- 3
- 10
0
votes
1 answer
Angular chunk files not created with Angular Module Federation Webpack
I am following the below links to create the MFE using Angular Module Federation.
https://github.com/benorama/mfe-basic-demo
https://www.angulararchitects.io/en/aktuelles/the-microfrontend-revolution-part-2-module-federation-with-angular/
After…
Hary
- 5,690
- 7
- 42
- 79
0
votes
1 answer
Angular microfrontend Federation with angular material
I am creating an angular remote app which I want to reuse the components in other apps. In order to do so I have made a test project using angular 12, with angular material and module federation.
The app works fine with exception of components which…
Andlab
- 43
- 7
0
votes
0 answers
How do I import a component from another app with Micro front end Architecture using webpack5 module federation?
I am trying to implement Webpack5 module-federation feature in angular. I have followed some tutorials and able to do it. All the tutorials I have followed has shown the process to import a module from remote project using decl.d.ts file on a route…
Shaik Nizamuddin
- 589
- 1
- 7
- 23
0
votes
1 answer
Module Federation: remote url with slug possible in webpack.config?
I'm looking to use a component from a remote application in my host application using module federation. Is it possible to dynamically change the remote url in the webpack.config file to include slugs which can change during runtime?
Webpack config…
anonymous
- 161
- 3
- 11
0
votes
1 answer
White page deploying react app with webpack in IIS Server
I'm trying to deploy a react web application based in microfrontends using ModuleFederationPlugin and webpack, but when I try to deploy one of microfrontends in isolation I get a white page without errors.
My webpack configuration to…
0
votes
1 answer
Assigning publicPath to individual remotes at run time using the ModuleFederationPlugin
would like to ask your help regarding module federation. I am trying to set a remote from an external server but the loaded scripts from remoteEntry are loaded using the container url.
new ModuleFederationPlugin({
name: 'container',
remotes: {
…
nucab
- 771
- 6
- 12
0
votes
2 answers
Unable to import a component using material-ui via webpack module federation
A simple POC where we have a react app host_ui as host and material_components as a remote. material_ui exposes a component NavBar.
import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from…
rkpattnaik780
- 103
- 2
- 7
0
votes
3 answers
Angular module federation - share remote component
I am using angular 11 with webpack 5 module federation. I have plans to expose component from remotes.
exposes: {
"component": ".//src/app/app.component.ts"
}
while importing
import {component} from "mfe@component"
I am getting build error "cannot…
Manish
- 21
- 8
0
votes
1 answer
Import Styles in ts files with angular 11
I have an Angular 11 application where I use Webpack 5 and Module Federation via the components from angulararchitects for creating a microfrontend application. In order to make the animations the way I want them, I need some in scss and some in…
Markus Bio-Alexander
- 21
- 2
0
votes
1 answer
How do I avoid configuration growing increasingly complex with module federation?
Looking at the new module federation available in webpack 5 this works fantastically in development scenarios but leads to configuration like the following example.
Is there a better way to handle this?
webpack.config.js
const searchSource =…
Chris
- 171
- 1
- 7
-1
votes
1 answer
Next.js + Module Federation + Turbo repo throws build error: Self-reference dependency has unused export name: This should not happen
I am trying to implement module federation in next.js using Turborepo with 2 nex.js apps
This is how the architecture is set up currently:
Turbo repo as the mono repo.
/apps contains 2 Next.js apps:
searchapp: which is a next.js app that exposes a…
raj dhanani
- 9
- 7
-1
votes
1 answer
How render Angular 10 project Microfront
I have an existing Angular 10 project I want use it as a microFrontEnd in another shell application .I tried to use angular federation but it seems not possible.
Please how can i do it and what are the steps?
Thank you
Mat
- 631
- 3
- 10
- 21