angular - 无法找到 Angular 路由中的模块错误

Question

我的 Angular 项目文件夹结构是

+-- app.module.ts
+-- app-routing.ts
+-- app.component.ts
+-- product/
|   +-- product.module.ts
|   +-- product-routing.ts
|   +-- product-detail/
|   |   +--product-detail.component.ts
|   |   +--product-detail.component.html

在我的 app-routing.ts 中

{path:'products',loadChildren:'app/product/product.module#ProductModule'}

在我的产品路由.ts 中

{ path: 'detail', component: ProductDetailComponent }

当我加载 url - page/product/detail 时，出现以下错误

ERROR Error: Uncaught (in promise): Error: Cannot find module "app/product/product.module". Error: Cannot find module "app/product/product.module".

已尝试的步骤
尝试将 'app/product/product.module#ProductModule' 更改为'./product/product.module#ProductModule'。没有解决。

我哪里出错了？如有任何帮助，我们将不胜感激。

Answer 1

您可以尝试loadChildren进行延迟模块加载

我已经在 Stackblitz 上创建了一个演示

{path:'products',loadChildren: './product/product.module#ProductsModule''}