Angular 版本 11 中找不到惰性模块

Question

这个应用程序正在尝试使用以下配置延迟加载BookModule ：

const routes: Routes = [
  { path: "", redirectTo: "/books", pathMatch: "full" },
  {
    path: "books",
    loadChildren: "./modules/book/book.module#BookModule",
    canActivate: [AuthGuard]
  },
  { path: "login", component: LoginComponent }
];

它正在产生错误：

错误：在“./modules/book/book.module”中找不到“BookModule”

想法？

Answer 1

好像你的 Angular 版本是 11。

延迟加载语法已更改。 现在是这样的

const routes: Routes = [
  {
    path: 'items',
    loadChildren: () => import('./items/items.module').then(m => m.ItemsModule)
  }
];

所以你的代码应该是这样的

const routes: Routes = [
  { path: "", redirectTo: "/books", pathMatch: "full" },
  {
    path: "books",
    loadChildren: () => import('./modules/book/book.module').then(m => m.BookModule),
    canActivate: [AuthGuard]
  },
  { path: "login", component: LoginComponent }
];