angular - 如何在 Angular 6 库中创建延迟加载的功能模块？

Question

我使用 Angular CLI 6 命令创建了一个库。

基本上，库是一个功能模块，它包含许多子功能模块，通过路由（延迟加载）连接。

我在运行时收到以下错误

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

我尝试了所有可能的路径

{ path: 'contact', loadChildren: 'contact.module#ContactModule' }
{ path: 'contact', loadChildren: '/contact.module#ContactModule' }
{ path: 'contact', loadChildren: './contact.module#ContactModule' }

{ path: 'contact', loadChildren: 'contact/contact.module#ContactModule' }
{ path: 'contact', loadChildren: '/contact/contact.module#ContactModule' }
{ path: 'contact', loadChildren: './contact/contact.module#ContactModule' }

{ path: 'contact', loadChildren: 'lib/contact/contact.module#ContactModule' }    
{ path: 'contact', loadChildren: '/lib/contact/contact.module#ContactModule' }
{ path: 'contact', loadChildren: './lib/contact/contact.module#ContactModule' }

但没有任何效果

是否支持带有 ng-packagr 的角库延迟加载？

Answer 1

您必须使用从开始的完整文件路径app

{ path: 'contact', loadChildren: 'app/...../contact/contact.module#ContactModule' }

请查看官方指南

Answer 2

像这样写路径： { path: 'contact', loadChildren:()=> contactModule }

Answer 3

您必须使用根文件夹中的路径，并且您的 app.routing 应放在 app 文件夹中，例如 src-app->app.routing.module.ts

{ path: 'contact', loadChildren: './app/...../contact/contact.module#ContactModule' }