angular - 別のルーティング モジュールの loadchildren

Question

私はあまりにも多くの方法で再試行しており、新しいシナリオに行き詰まっています

以下は私のapp.module.tsです

export const ROUTES: Routes=[
    { 
      path: '', component: LoginComponent},
    { 
      path: 'maincontent', 
      loadChildren: './main-content/maincontent.module#MainContentModule'
    }]

以下は私のmaincontent.module.tsです

export const ROUTES: Routes = [
  {
    path: 'maincontent',
    component: MainContentComponent,
    children: [
      { path: 'dashboard', 
        loadChildren: './dashboard/dashboard.module#DashboardModule' },
    ] 
      }];

dashboard.module.ts には、次のルートがあります

export const ROUTES: Routes = [
  {
    path:'dashboard', component:DashboardComponent,
    children:[
      {
        path:'application',component:ApplicationDetailsComponent
      }
    ]
  }
]

問題は、ログイン時にダッシュボード ページに直接移動したときに、ページのコンテンツが表示されないことです。どこが間違っているのですか？