Angular 为什么延迟加载返回空路径

我有一个关于懒惰加载的问题.我可以在页面之间导航，到路径是正确的，但低流加载的页面是空的:http://localhost:4200/contact http://localhost:4200/tours

这个项目超级简单，我基本上才刚刚开始.

如果您有时间，可以查看一下存储库[Github]

--APP.ROUTES.TS

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

export enum AppRoutes {
  HOME = 'home',
  TOURS = 'tours',
  CONTACT = 'contact'
}

const routes: Routes = [
  { path: '', pathMatch: 'full', redirectTo: AppRoutes.HOME},

 {
    path: AppRoutes.TOURS,
    loadChildren: () =>
      import('./pages/tours/tours.module').then((m) => m.ToursModule),
  },
  {
    path: AppRoutes.CONTACT,
    loadChildren: () =>
      import('./pages/contact/contact.module').then((m) => m.ContactModule),
  },
  {
    path: '**',
    redirectTo: AppRoutes.HOME,
  },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

-NAVBAR.COMPONENT.HTML

 <a [routerLink]="'/tours'" routerLinkActive="active">Tours</a>
<a [routerLink]="'/contact'" routerLinkActive="active">Contact</a>

最好的 ==参考资料==