确保正确导入和配置所有需要使用辅助路由器的模块,并在路由器配置中添加对辅助路由器的引用。
代码示例:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'lazy', loadChildren: () => import('./lazy/lazy.module').then(m => m.LazyModule) },
];
@NgModule({
  declarations: [
    AppComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(routes),
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';
import { LazyComponent } from './lazy.component';
import { AuxComponent } from './aux.component';
const routes: Routes = [
  { path: '', component: LazyComponent, children: [
    { path: 'aux', component: AuxComponent, outlet: 'aux' }
  ]},
];
@NgModule({
  declarations: [
    LazyComponent,
    AuxComponent
  ],
  imports: [
    CommonModule,
    RouterModule.forChild(routes)
  ],
  providers: []
})
export class LazyModule { }
Lazy component
 
Home 
Lazy 
Aux