use mf-tools

package.json

@@ -14,7 +14,8 @@
     "webpack": "^5.0.0"
   },
   "dependencies": {
-    "@angular-architects/module-federation": "^1.0.2",
+    "@angular-architects/module-federation": "^12.0.0",
+    "@angular-architects/module-federation-tools": "0.0.2",
     "@angular/animations": "12.0.0-rc.3",
     "@angular/common": "12.0.0-rc.3",
     "@angular/compiler": "12.0.0-rc.3",

src/app/app.component.ts

@@ -1,6 +1,6 @@
+import { connectRouter } from '@angular-architects/module-federation-tools';
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
-import { connectRouter } from './router.utils';
 
 declare const require: any;
 

src/app/app.module.ts

@@ -1,13 +1,14 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule, Injector } from '@angular/core';
 import { createCustomElement } from '@angular/elements';
+import { endsWith } from '@angular-architects/module-federation-tools';
+import { RouterModule } from '@angular/router';
 
 import { AppComponent } from './app.component';
-import { RouterModule } from '@angular/router';
-import { endsWith } from './router.utils';
 import { AComponent } from './a/a.component';
 import { BComponent } from './b/b.component';
 
+
 @NgModule({
   imports: [
     BrowserModule,

src/bootstrap.ts

@@ -1,28 +1,7 @@
-import { platformBrowser } from '@angular/platform-browser';
 import { AppModule } from './app/app.module';
-import { bootstrap } from './bootstrap.utils';
 import { environment } from './environments/environment';
-
-// platformBrowser().bootstrapModule(AppModule)
-  // .catch(err => console.error(err));
-
-// declare const require: any;
-// const ngVersion = require('../package.json').dependencies['@angular/core'];
-// (window as any).plattform = (window as any).plattform || {};
-// let platform = (window as any).plattform[ngVersion];
-// if (!platform) {
-//   platform = platformBrowser();
-//   (window as any).plattform[ngVersion] = platform; 
-
-//   if (environment.production) {
-//     enableProdMode();
-//   }
-// }
-// platform.bootstrapModule(AppModule)
-//   .catch(err => console.error(err));
-declare const require: any;
+import { bootstrap } from '@angular-architects/module-federation-tools';
 
 bootstrap(AppModule, {
-  packageJson: require('../package.json'),
   production: environment.production
 });