确保正确导入和配置所有需要使用辅助路由器的模块,并在路由器配置中添加对辅助路由器的引用。
代码示例:
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