Skip to main content

All Questions

0 votes
1 answer
507 views

NX-workspace + react + webpack-federation

This might be a dummy question, but i've tried in different ways and i can't figure it out. I created one NX workspace with the following command: npx [email protected] my-workspace --...
Francisco Perestrelo's user avatar
1 vote
0 answers
406 views

Nx monorepo with react host and mixed angular and react microfontends (MFE) using module federation

We have an Nx mono repo with a react host app. Not all teams work in this repository, especially some using angular. I've seen StackOverflow Q/A and other articles on importing angular micro-frontends ...
jmcnally's user avatar
0 votes
0 answers
68 views

NX workspace with Module Federation vs. axios-retry: No version specified and unable to automatically determine one

I have an NX workspace (latest version) in which I have implemented a React app. The workspace uses Webpacks Module Federation, since the React app is later to be exposed as a micro frontend. I am ...
Codehan25's user avatar
  • 2,934
5 votes
1 answer
1k views

Error NG0203 when trying to access routes on remote app in Module Federation with Nrwl

I am trying to use Module Federation with Nrwl in an Angular application. I followed the documentation for Dynamic Module Federation with Angular (https://nx.dev/recipes/module-federation/dynamic-...
Mustafa Patharia's user avatar
0 votes
0 answers
770 views

How to export @angular/material styles from a user lib(NX) to the nx with MFA workspace apps

I have created an Angular Micro Frontends with Dynamic Module Federation by following the official documentation. I use the following command to create the workspace: npx create-nx-workspace demo-app -...
Rocky's user avatar
  • 11
0 votes
1 answer
2k views

How to add a remote app (micro frontend) that is not part of the NX workspace to it's Webpack config?

I created an NX workspace with a host application (based on react) that consumes 3 micro frontends (two based on React, one based on Angular) using the official documentation. It's all working fine ...
Codehan25's user avatar
  • 2,934
2 votes
0 answers
1k views

webpack module federation configuration is returning error: TypeError: fn is not a function while loading

My microfrontend react application is created using Nx Tool. Below was my webpack config & when starting the app, I'm getting error that TypeError: fn is not a function while loading "./...
webDev_434's user avatar
0 votes
1 answer
701 views

Nx react application is not generating optimized bundle for production build

My microfrontend react application is created using Nx Tool. It has been created using Nrwl react executor and the present configuration is untouched & is the default configuration provided by Nx. ...
webDev_434's user avatar
0 votes
0 answers
548 views

Does angular 14 version's mfe work with angular 12 version's shell application?

We have a microfrontend which is currently on angular 12. This microfrontend is being used in multiple shells apps (all of them currently on angular 12). We are looking to upgrade the microfrontend ...
Thuti Navnaneeth Reddy's user avatar
2 votes
1 answer
4k views

nx react module federation hot reload

I'm using module federation with nx and want to enable HMR. I applied the hmr: true option in both project.json files. (for the host and the remote). The problem that its working only for the remote, ...
Nir Berko's user avatar
  • 1,408
0 votes
3 answers
656 views

Error when adding Datepicker to a remote component in module federation

I am trying to use datepicker within an remote component using module federation and am getting the attached error message. Troubleshooting steps tried Added @angular/material as shared library to ...
Sachith Rukshan's user avatar
4 votes
2 answers
4k views

Module Federation in Nx and Angular generates an error loading styles.js

I am following the article describing setting up module federation: https://nx.dev/l/a/guides/setup-mfe-with-angular Starting with generating the workspace, adding the angular plugin, and adding the ...
Jeffrey Drake's user avatar
2 votes
0 answers
1k views

NX - Sharing buildable libs won't build

Current Behavior I added a library with the --buildable flag and then shared it with two apps using sharedMappings in the webpack.config.js files. Then I added a service which is being used in the ...
Tom's user avatar
  • 910