Angular App-Routing LoadChildren 找不到模塊

Question

我是 Angular 的新手，並遵循視頻教程。 我被困在試圖加載子組件的 App-Rounting 上。 這是到目前為止的代碼

app-routing.module.ts

import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { RouterModule, Routes } from "@angular/router";

import { HomeComponent } from "./home/home.component";

const appRoutes: Routes = [
  { path: "", component: HomeComponent },
  {
    path: "customers",
    loadChildren: "../app/customers/customers.module#CustomersModule"
  }
];

@NgModule({
  imports: [CommonModule, RouterModule.forRoot(appRoutes)], // add the routes to import array
  exports: [RouterModule], // after import, export the RouterModule after adding appRoutes
  declarations: []
})
export class AppRoutingModule {} 

我嘗試將 loadChildren: "../app/customers/customers.module#CustomersModule" 更改為 loadChildren: "app/customers/customers.module#CustomersModule"

文件樹結構如下

src\
  app\
    app-routing.module.ts
    customers\
      customers.module.ts
      customers.module.spec.ts

我不確定為什么它找不到並加載customers.module.ts。 起初，我沒有 customers.moudle.spec.ts 並添加了它，但它仍然在 chrome 控制台上拋出相同的錯誤。

節點版本為 v14.16.0 節點版本為 6.14.11

對此新手的任何幫助表示贊賞。

謝謝

Answer 1

我認為您的教程很舊，您必須使用新語法

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