问题标签 [angular-lazyloading]

我正在尝试将 Angular5 应用程序重写为延迟加载的模块，但无法确定解析器未触发的原因。模块已正确加载，但解析器永远不会。我尝试了多种不同的组件，但总是面临同样的问题。我应该如何调试这个问题？

app.modules.ts

room.module.ts

在媒体上的文章之后，我正在尝试将仪表板的一部分作为模块加载。

第一步是在 angular.json 中的 "lazyModules" 下添加这个模块。

一旦我添加了这个，我就会收到这个错误 -

我已经尝试将其添加到 files/include 属性中。没有帮助。

角.json

这是我的主要路线文件

这是 page.module 路由

当有人以名称“xyz”以供应商身份登录时出现问题，因此它重定向到“xyz/vendor”路由并且它第一次工作，但是当以客户身份以名称“abc”登录时，它的路由将是 abc/customer它的重定向不起作用。

谢谢

我正在努力创建延迟加载的模块尽管我付出了所有努力，但我认为我在这里遗漏了一些东西，因为我无法按需加载模块。

我的项目结构如下：

用户路由.module.ts

应用程序路由.module.ts

我在我的 loadChildren 标记中添加了相对路径，但我仍然收到一条错误消息，提示“无法加载模块”。我尝试过不同的网站，但我觉得我在这里缺少一个基本部分。

任何帮助，将不胜感激。

我仍然习惯于 Angular 以及如何正确构建不同的组件和模块。我想根据最佳实践设置我的应用程序并最大限度地提高效率。我目前有多个模块。我有一个要导航到的“基本”模块，但根据 URL，我想合并来自其他模块的组件。这是我的 app-routing.module 当前设置的方式：

我了解此路由设置不正确，但我不确定如何以最有效的方式正确设置它。

目前，如果我导航到''，它将按预期加载 BaseComponent 。如果我添加 <app-feature-one></app-feature-one> 或 添加<app-feature-two></app-feature-two> 到 BaseComponent 模板，它会抛出一个错误，如“初始化之前无法访问 'FeatureOneModule'”

是否有某种方法可以保留诸如“featureone”和“featuretwo”之类的路由，它将导航到BaseComponent，并且我可以添加逻辑以显示<app-feature-one></app-feature-one> 或 <app-feature-two></app-feature-two>仅在导航到“featureone”或FeatureTwoModule时加载FeatureOneModule 'featuretwo'？

在创建错误的延迟加载模块中导入 NgClockPickerLib 模块： Error: Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.

这是因为 NgClockPickerLib 模块内部导入了 BrowserAnimations 模块。

如何在延迟加载模块中使用 NgClockPickerLib 模块？

应用模块

应用路由模块

日志模块

我正在关注有关延迟加载的文档，但在 Angular 10 项目中出现以下错误

我的路线中有以下内容

其余的都很空

而特征路由模块是这样的

我按照官方延迟加载功能模块页面上的方法在我的项目中实现了延迟加载功能。但是，我不知道如何将不会被定向为 NavMenuComponent、Sidebar 等的模块或组件处理。另一方面，我应该为 HomeComponent 设置path: '',还是为 Home 创建新路由？

这是我困惑的几点：

1.我认为我不需要创建navmenu-routing.module.ts和navmenu.module.ts为其他路线创建的一样。真的吗？

2.在 app.module 中，我定义了我的 NavMenuComponent，如下所示。但我不确定是否应该将 NavMenuComponent 移至声明字段？

3.在 app-routimg.module 中，我不使用NavMenuComponent. 这是对的吗？

有什么错误或任何我应该检查的吗？

我有如下路线，其中将 id 作为参数传递。因此，我必须在模块内部使用相同的 ID 来根据路由参数加载隔离的翻译文件。

现在在 BaseModule 文件中，我必须使用 :id data 来加载一些数据。有什么办法可以让我在 BaseModule 文件中读取或获取路由数据。

我有一个使用 NGRX 存储的 Angular 7 应用程序。该应用程序有 20 个模块，带有搜索页面和 CRUD 页面。模块是延迟加载的。NGRX 状态保存页面中显示/输入的数据。随着用户在多个模块中访问多个页面，NRGX 存储的大小不断增加。

我想知道是否有任何技术可以有效地处理 NGRX 存储的大小，以便将存储的大小保持在最佳限制。

想听听所有可能的选择。