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 }
];