final step

src/app/app.routes.ts

@@ -1,10 +1,30 @@
 import {Routes} from '@angular/router';
+import {Author} from "./pages/author/author";
 
 export const routes: Routes = [
-    {path: '', pathMatch: 'full', redirectTo: '/welcome'},
-    {path: 'welcome', loadChildren: () => import('./pages/welcome/welcome.routes').then(m => m.WELCOME_ROUTES)},
-    {path: 'book', loadChildren: () => import('./pages/book/book.routes').then(m => m.BOOK_ROUTES)},
-    {path: 'author', loadChildren: () => import('./pages/author/author.routes').then(m => m.AUTHOR_ROUTES)},
-    {path: 'loan', loadChildren: () => import('./pages/loan/loan.routes').then(m => m.LOAN_ROUTES)},
-    {path: 'user', loadChildren: () => import('./pages/user/user.routes').then(m => m.USER_ROUTES)}
+    {
+        path: '',
+        pathMatch: 'full',
+        redirectTo: '/welcome'
+    },
+    {
+        path: 'welcome',
+        loadComponent: () => import('./pages/welcome/welcome').then(x => x.Welcome)
+    },
+    {
+        path: 'book',
+        loadComponent: () => import('./pages/book/book').then(x => x.Book)
+    },
+    {
+        path: 'author',
+        loadComponent: () => import('./pages/author/author').then(x => x.Author)
+    },
+    {
+        path: 'loan',
+        loadComponent: () => import('./pages/loan/loan').then(x => x.Loan)
+    },
+    {
+        path: 'user',
+        loadComponent: () => import('./pages/user/user').then(x => x.User)
+    }
 ];