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

Question

如https://stackblitz.com/edit/angular-qbbhgp所示，我正在尝试实现一个非常简单的路由，其中涉及模块的延迟加载。当我点击 "link" 时，它似乎不起作用。我希望看到 "Student Page" 这个词出现，但它并没有发生。

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

Answer 1

您还没有为 Student.routing.module 提供 Routes？

由于您已指示 student.module，但您可能没有从那里提供您所显示的组件。

如果您还没有创建到 Student.routing.module，请创建一个并在同一模块中提供默认路由。

const routes: Routes = [

  {path: '', component:StudentComponent } ];

Answer 2

这是因为您还没有在学生模块中添加路由。

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

student 模块是子模块，在声明路由时需要使用.forChild()。

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

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

Answer 3

您必须定义懒加载模块的路由并指定懒加载模块的根组件。

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

Angular 8 - Lazy Loading of Module not working

load

routes

lazy-evaluation

angular