fix: set shared packages for mfe 1

Author: Alain BOUDARD

README.md

@@ -4,7 +4,7 @@ This is a demo project for Spring Boot with Module Federation and Angular.
 
 ## How to run
 
-The project hosts a sungle Spring Boot application.
+The project hosts a single Spring Boot application.
 The `/application` folder contains the Angular application.
 The `/library` folder contains a micro frontend application.
 

library/ng-mfe1/webpack.config.js

@@ -1,4 +1,4 @@
-const { shareAll, withModuleFederationPlugin } = require('@angular-architects/module-federation/webpack');
+const { share, withModuleFederationPlugin } = require('@angular-architects/module-federation/webpack');
 
 module.exports = withModuleFederationPlugin({
 
@@ -8,8 +8,12 @@ module.exports = withModuleFederationPlugin({
     './Module': './src/app/orders/orders.module.ts',
   },
 
-  shared: {
-    ...shareAll({ singleton: true, strictVersion: true, requiredVersion: 'auto' }),
-  },
+  // Explicitly share packages:
+  shared: share({
+    "@angular/core": { singleton: true, strictVersion: true, requiredVersion: 'auto' },
+    "@angular/common": { singleton: true, strictVersion: true, requiredVersion: 'auto' },
+    "@angular/common/http": { singleton: true, strictVersion: true, requiredVersion: 'auto' },
+    "@angular/router": { singleton: true, strictVersion: true, requiredVersion: 'auto' },
+  }),
 
 });