Angular 角度多个项目路由url已更改，但页面未呈现

我在一个应用程序中创建了多个Angle项目。我在根项目中使用了路由，并尝试与子项目通信，但发生的情况是url发生了更改，但页面没有呈现

根页面路由：

export const routes: Routes = [
  {
    path: '',
    redirectTo: 'dashboard',
    pathMatch: 'full',
  },
  {
    path: '',
    component: DefaultLayoutComponent,
    data: {
      title: 'Home'
    },
    children: [
      {
        path: 'dashboard',
        loadChildren: './views/dashboard/dashboard.module#DashboardModule'
      },
      {
        path: 'flights',
        loadChildren: '../../projects/flights/src/app/flight.module#FlightsSharedModule'
      },
      {
        path: 'passengers',
        loadChildren: '../../projects/passengers/src/app/app.module#PassengersSharedModule'
      }
    ]
  },
  { path: '**', component: DefaultLayoutComponent }
];

@NgModule({
  imports: [
    RouterModule.forRoot(routes),
    FlightsSharedModule.forRoot(),
    PassengersSharedModule.forRoot()
  ],
  exports: [ RouterModule ]
})

航班申请路线：

const routes: Routes = [{
  path: '',
  data: {
    title: 'Flights',
  },
  children: [
    {
      path: '',
      component: ListComponent,
      data: {
        title: 'List',
      },
    },
  ],
}];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})

乘客申请路线

const routes: Routes = [{
  path: '',
  data: {
    title: 'Passengers',
  },
  children: [
    {
      path: '',
      component: ListComponent,
      data: {
        title: 'List',
      },
    },
  ],
}];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})

在根应用程序路由中，如果我从根中删除模块，页面将显示如下级联效果

但是，如果将这些项目作为模块导入，则页面不会呈现特定组件，也不会显示默认主页，而是显示第一个应用程序，如下所示

---

在根模块中

//在根模块中
常数路由：路由=[
{
路径：“”，
重定向到：“仪表板组件”，
路径匹配：“已满”，
},
{
路径：“FlightsApplication”，
数据：{preload:true}，
loadChildren:（）=>FlightApplicationModule
},
{
路径：“乘客应用程序”，
数据：{preload:true}，
loadChildren:（）=>PassengerApplicationModule
},
{路径：“**”，组件：NotFoundComponent}
];