router.navigation() 无法在远程应用程序中与 Angular 中的模块联合一起工作

问题描述 投票:0回答:1

在远程应用程序中使用内部路由时,router.navigate 不起作用。

我正在使用 module-federation 并尝试在其中使用 router.navigate 但不知何故,当我尝试在远程应用程序(学习)中使用 router.navigate 导航到 todo 组件时,它不是导航,只是 url 发生了变化。

组件没有改变。 在这里,我附上了我推送更改的 github 链接。

Github 链接(使用 master 分支): https://github.com/SugandhSrivastav/Module-Federation/tree/master/mono-workspace

说明: 在远程应用程序中使用内部路由时,router.navigate 不起作用。 使用模块联合时,我使用 router.navigate 从 learn 组件导航到 todo 组件,但 url 正在更改,组件没有更改。

复制步骤: 要部署它,请使用 ngserve host-app 作为 shell-app,使用 ngserve mfe-app 作为远程应用程序。

预期行为: 对于远程应用程序(mfe-app),路由单独工作正常,但与 shell 应用程序(主机应用程序)一起使用时,路由无法按预期工作。

angular typescript angular-routing webpack-module-federation
1个回答
0
投票

从shared.module.ts中的共享模块中删除BrowserModule。它只需要存在于应用程序模块中。我进行了此更改,我可以在远程应用程序中导航,没有任何问题。

© www.soinside.com 2019 - 2024. All rights reserved.