【发布时间】：2019-05-20 16:03:31
【问题描述】：
我有一个 Ionic 4 beta 应用 + Angular 7。
它刚刚从 Ionic 4 beta 3 更新到 beta 21 + Angular 6 到 Angular 7.1.3。
由于更新，我的路由都不起作用，地址栏中的 url 发生了变化，但页面没有更新。
我可以看到 NavController 已被弃用，因此我更新了我的代码以使用内置的角度路由器而不是 NavController，但我仍然遇到同样的问题。
我已将跟踪添加到我的路由配置中
@NgModule({
imports: [RouterModule.forRoot(routes, { enableTracing: true })],
exports: [RouterModule]
})
export class AppRoutingModule {
}
并且跟踪显示路由都按预期工作，经过一些调试，我什至可以看到我正在导航到的组件的构造函数也在执行。
所以我查看了 DOM，现在事情真的很奇怪！
以蓝色突出显示的组件是我导航到的组件。它全部正确渲染只是不可见。如果我编辑 DOM 并删除 <app-cases>“前一个组件”，那么我的 <app-case> 组件将正确显示。
所以看来下一个组件的隐藏和显示工作不正常。
有人有什么想法吗？
【问题讨论】：
-
将主要属性设置为 ion-router-outlet 有帮助吗？例如。
<ion-router-outlet id="content" main></ion-router-outlet>。还要检查您是否没有多个离子路由器出口。 -
我也面临同样的问题。你找到解决办法了吗？
-
@Apeksha 不，抱歉，从未深入了解这一点。我什至尝试创建一个新的应用程序并将文件复制到一个新的解决方案中。我参与的项目只是一个 POC，从未脱离 ionic 的 Beta 版本：/
-
@Apeksha 看看下面的修复是否能帮到你