diff --git a/lerna.json b/lerna.json
index cc7fe36..61da494 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "version": "0.0.0",
-  "npmClient": "yarn",
+  "npmClient": "npm",
   "packages": [
     "shell",
     "mfe1", 
diff --git a/mfe3/src/app/app.module.ts b/mfe3/src/app/app.module.ts
index d773895..5d70d81 100644
--- a/mfe3/src/app/app.module.ts
+++ b/mfe3/src/app/app.module.ts
@@ -4,7 +4,6 @@ import { createCustomElement } from '@angular/elements';
 
 import { AppComponent } from './app.component';
 import { AComponent } from './a/a.component';
-import { BComponent } from './b/b.component';
 import { RouterModule } from '@angular/router';
 import { endsWith } from './router.utils';
 
@@ -13,12 +12,11 @@ import { endsWith } from './router.utils';
     BrowserModule,
     RouterModule.forRoot([
     { matcher: endsWith('a'), component: AComponent },
-    { matcher: endsWith('b'), component: BComponent },
+    { matcher: endsWith('b'), loadChildren: () => import('./b/b.module').then(m => m.BModule)}
 ], { relativeLinkResolution: 'legacy' })
   ],
   declarations: [
     AComponent,
-    BComponent,
     AppComponent
   ],
   providers: [],
diff --git a/mfe3/src/app/b/b.module.ts b/mfe3/src/app/b/b.module.ts
new file mode 100644
index 0000000..1ab839e
--- /dev/null
+++ b/mfe3/src/app/b/b.module.ts
@@ -0,0 +1,18 @@
+import { NgModule } from "@angular/core";
+import { RouterModule } from "@angular/router";
+import { endsWith } from "../router.utils";
+import { BComponent } from "./b.component";
+
+@NgModule({
+    imports: [
+        RouterModule.forChild([
+            { matcher: endsWith(''), component: BComponent },
+        ])
+    ],
+    declarations: [
+      BComponent,
+    ],
+    providers: [],
+    bootstrap: []
+  })
+  export class BModule {};
\ No newline at end of file