angular - 使用 Angular 路由器的模块延迟加载

Question

Helo 程序员我尝试从 youtube 上应用有关 anguler 项目 Facebook 的课程，但我在编写代码时遇到了问题：

{
path: '',
loadChildren: () => import('./components/home/home.module').then(m :{HomeModule:HomeModule} => m.HomeModule)

},

我将向您发送视频中代码的屏幕截图

但是当尝试代码向我显示这些错误时

这些是视频链接： https ://www.youtube.com/watch?v=XQA1bbHQJp0&list=LL&index=11&t=763s

Answer 1

你可以这样尝试：

const routes: Routes = [
  { 
      path: '', 
      loadChildren: () => import('./components/home/home.module').then(m => m.HomeModule) 
  },
  {
      path: '',
      component: LoginComponent
  }

Answer 2

你可以这样尝试：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';


const routes: Routes = [
      { 
          path: '', 
          loadChildren: () => import('./components/home/home.module').then(m => m.HomeModule) 
      },
      {
          path: '',
          component: LoginComponent
      }