Category "webpack-module-federation"

React.Lazy not working when consuming Micro frontend with webpack 5 and plugin Module Federation

What is happening is that I am consuming a Micro front-end through module federation, but even using React.Lazy the bundle (remoteEntry) is loaded at the start

Using Webpack 5's Module Federation, is it possible for the shell written in react to host or load an angular component?

We're creating a web app written in Angular that will be embedded/loaded from another web app written in React. I'm not sure if this will work using webpack 5's

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 @

Module Federation - Uncaught SyntaxError: Unexpected token ':' Angular 13 while consuming MFE

I am trying to consume an MFE using webpack 5, module federation with angular 13. However when I run the application I am getting below error. Uncaught SyntaxEr

Mocking federated modules in host application for jest

Question is exactly same here in fact but has different context: How to mock not installed npm package in jest? I am part of a project where new Module Federati

Tree shaking of shared dependencies in webpack 5 module federation

I am working on an architecture for a dynamic dashboard with components fetched from different remote react bundles using webpack 5 module federation. I do have

@angular-architects/module-federation to customize a monolith build

In our company we are trying to implement micro frontend concept using @angular-architects/module-federation plugin. We used very basic configuration, nothing s

Webpack Module Federation Unsatisfied version 11.x.x of shared singleton module @angular/common (required ^7.2.0)

I am trying to get my rather complicated monolithic app to work with Module Federation. My webpack config looks like that plugins: [ new ModuleFederation

Webpack module federation lazy loading remoteEntry.js

Am I able to lazy load apps' entry files when I am using React with ReactRouter? When I enter page there are many requests for remoteEntry.js files for each app

Uncaught Error: Shared module is not available for eager consumption in React module federation

consumes:146 Uncaught Error: Shared module is not available for eager consumption: webpack/sharing/consume/default/@emotion/react/@emotion/react?99ca at Obj

How to share up-to-date global context between Container app and micro-frontend app?

I am using webpack module federation plugin, and there are Container and Micro frontend apps (both are written on React). Based on the new requirement I should

Dynamic Routes of RouteModule when using Module Federation Plugin

I'm developing a microfrontends application, using Module Federation Plugin. The routing of application container is: const routes: Routes = [ { path: 'lo

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, add

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, add

Other Categories