ActiveReportsJS 报表设计器组件受 ASP.NET Boilerplate Angular Application 中的 HashLocationStrategy 影响

如何解决ActiveReportsJS 报表设计器组件受 ASP.NET Boilerplate Angular Application 中的 HashLocationStrategy 影响

我按照 https://www.grapecity.com/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Angular 中的说明进行了一些修改，以将 ActiveReportsJS 报表设计器集成到 ASP.NET Boilerplate Angular 应用程序中。

报表设计器集成在src\app\home\home.component.ts和src\app\home\home.component .html 在我的 ASP.NET Boilerplate Angular 应用程序中，HashLocationStrategy 应用于 src\root.module.ts 。

以下是这些文件的截图。

home.component.html

home.component.ts

root.module.ts

root-routing.module.ts

问题是当 HashLocationStrategy 应用于 src\root.module.ts 和我试图进入主页，页面被立即重定向到关于页面。我观察了 URL，发现 URL 从 http://localhost:4200/#/app/home 变为 http://localhost:4200/#，最后变为 http://localhost:4200/#/app/about。我知道这是由于 src\root-routing.module.ts 中的路由设置造成的，但为什么会发生这种情况？主页确实存在，但应用程序甚至无法识别路线。

同时，我测试了以下条件：

1. 当我从 src\root.module.ts 中删除 HashLocationStrategy 时，我可以输入可以呈现主页和报表设计器。应用程序没有重定向到关于页面。
2. 当我在 src\root.module.ts 中应用 HashLocationStrategy 并删除所有 HTML 代码时从src\app\home\home.component.html，我可以进入主页，它是一个空白页面。应用程序没有重定向到关于页面。

这个问题是报表设计者本身造成的吗？如何使报表设计器在保留 HashLocationStrategy 的同时在页面中成功呈现？任何帮助将不胜感激。

解决方法

问题出在设计器组件上。请更新到 v2.1.1，其中包含对该问题的修复。