diff --git a/npm/ng-packs/apps/dev-app/src/app/app.component.ts b/npm/ng-packs/apps/dev-app/src/app/app.component.ts
index 5220d57353..a382ee499c 100644
--- a/npm/ng-packs/apps/dev-app/src/app/app.component.ts
+++ b/npm/ng-packs/apps/dev-app/src/app/app.component.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { InternetConnectionStatusComponent, LoaderBarComponent } from '@abp/ng.theme.shared';
 import { DynamicLayoutComponent } from '@abp/ng.core';
+import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'app-root',
@@ -8,7 +9,13 @@ import { DynamicLayoutComponent } from '@abp/ng.core';
     <abp-loader-bar></abp-loader-bar>
     <abp-dynamic-layout></abp-dynamic-layout>
     <abp-internet-status></abp-internet-status>
+    <router-outlet />
   `,
-  imports: [LoaderBarComponent, DynamicLayoutComponent, InternetConnectionStatusComponent],
+  imports: [
+    LoaderBarComponent,
+    DynamicLayoutComponent,
+    InternetConnectionStatusComponent,
+    RouterOutlet,
+  ],
 })
 export class AppComponent {}