angular - 奇怪的路由问题 Angular 7 + Ionic 4 Beta

Question

我有一个 Ionic 4 beta 应用程序 + Angular 7。

它刚刚从 Ionic 4 beta 3 更新到 beta 21 + Angular 6 到 Angular 7.1.3。

由于更新，我的所有路由都不起作用，地址栏中的 url 发生了变化，但页面没有更新。

我可以看到 NavController 已被弃用，因此我更新了我的代码以使用内置的 Angular 路由器而不是 NavController，但我仍然遇到同样的问题。

我已将跟踪添加到我的路由配置中

@NgModule({
  imports: [RouterModule.forRoot(routes, { enableTracing: true })],
  exports: [RouterModule]
})
export class AppRoutingModule {
}

并且跟踪显示路由都按预期工作，经过一些调试后我什至可以看到我正在导航到的组件的构造函数也在执行。

所以我查看了 DOM，现在情况真的很奇怪!

以蓝色突出显示的组件是我导航到的组件。它全部正确呈现，只是不可见。如果我编辑 DOM 并删除 <app-cases> “前一个组件”，然后是我的 <app-case>组件显示正确。

所以看起来下一个组件的隐藏和显示没有正常工作。

有人有什么想法吗？

Answer 1

所以看起来这是下一行

import "~@ionic/angular/css/core.css";

在 global.scss 中丢失

Render not working after Navigate Ionic 4