angular - 延迟加载在Angular中的多个应用程序之间不起作用

Question

我正在尝试使用延迟加载（在下面添加代码）以角度设置两个应用程序之间的路由，它不起作用，它只显示一个空白屏幕。

我想通过这个 URL 运行应用程序：

主应用程序：http://localhost:4200/

第二个应用 http://localhost:4200/app1

这是我的文件夹结构，

e2e
节点模块
项目
  - 应用程序1
     -e2e
     - 源代码
        - 应用程序
        - 资产
        - 环境
源代码
  - 应用程序
  - 资产
  - 环境

这是我的主要 AppModule：

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    RouterModule,
    AppSharedModule.forRoot(),
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这是我的主要 AppRouting 模块：

const routes: Routes = [
  {
    path: '',
    component: HomeComponent,
    pathMatch: 'full',
  },
  {
    path:'app1',
    loadChildren: () => import('../../projects/app1/src/app/app.module')
    .then(m => m.AppSharedModule),
  }
];

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

这是我的第二个应用程序的 AppModule：

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }


@NgModule({})
export class AppSharedModule {
  static forRoot(): ModuleWithProviders<AppSharedModule> {
    return {
      ngModule: AppSharedModule
    };
  }
}

标签： angular