Angular 8 正常加载模块答案

【问题标题】：Angular 8 normal loading moduleAngular 8 正常加载模块
【发布时间】：2019-11-16 07:03:59
【问题描述】：

我正在开发一个有 3 个模块、根模块身份验证模块和仪表板模块的 Angular 应用程序。在我的根模块路由文件中，我使用加载子方法加载身份验证和仪表板模块，但是仪表板模块几乎总是在用户登录时首先加载，所以我不想延迟加载我的仪表板模块。
我搜索了一天并寻找解决方案，我查看了 angular 文档以找到正常加载模块的方法，但是我发现的唯一问题是 Angular switch from lazyLoading to 'normal' loading 问题，答案在 aot compile 生产模式下不起作用，我得到了这个错误

错误：未加载运行时编译器

那么我怎样才能正常加载我的仪表板模块？

【问题讨论】：

github.com/angular/angular-cli/issues/14763
@TarasKovalenko 我还查看了这个 Github 问题，这个问题中提供的解决方案是使用新的 Angular 8 加载子语法，这是延迟加载模块的另一种方式，但不是正常加载 angular.io/guide/deprecations#loadchildren-string-syntax

标签： javascript angular

【解决方案1】：

如果您不想延迟加载，请从根路由模块中删除与加载子节点对应的路由。而是将功能模块的导入语句（在您的情况下是 auth 和仪表板模块）放在根路由模块导入之前。 Angular 将编译您的功能模块，因为它位于导入数组中（不是延迟加载）。由于顺序很重要，特性模块中的路由将首先渲染特性模块的组件。

我建议你阅读official docs中关于路由和导航的文档

【讨论】：

另外stackoverflow.com/a/46627398/12376898 answer的模块方法适合您的情况。