Angular 8 - 模块延迟加载不起作用

Question

如https://stackblitz.com/edit/angular-qbbhgp所示，我试图实现一个非常简单的路由，其中​​涉及模块的延迟加载。当我点击“链接”时，它似乎不起作用。我预计会看到“学生页面”一词出现，但它没有发生。

请注意，我希望解决方案涉及使用 import api （延迟加载模块的较新语法）

Answer 1

这是因为您尚未将路由添加到学生模块。

stackblitz 的分支：https://stackblitz.com/edit/angular-zrnrxj

学生模块需要在声明路由时使用.forChild()，因为它是子模块。

const routes:Routes = [
  { path: '', component: StudentComponent } 
]

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(routes)
  ],
  declarations: [StudentComponent]
})
export class StudentModule { }