Блог

Я пытаюсь настроить маршруты между двумя приложениями в angular, используя ленивую загрузку (добавлен код ниже), это не работает, отображается только пустой экран.

Я хочу запускать приложения по этому URL:

Основное приложение: http://localhost:4200/

Второе приложение http://localhost:4200/app1

Вот моя структура папок,

проекты моделей узлов e2e
 - app1
 - e2e
- src
 - приложение 
 - активы
 - среды
src
- приложение 
 - активы
 - окружающая среда

Вот мой основной модуль приложения:

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

 

Вот мой основной модуль добавления:

 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 { }
 

Вот модуль моего второго приложения:

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


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