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

Question

我有一个 Ionic 4 测试版应用 + Angular 7.

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

由于我的路由更新none有效，地址栏中的url发生了变化，但页面没有更新。

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

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

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

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

于是我查看了DOM，现在情况真的很奇怪！

以蓝色突出显示的组件是我导航到的组件。它全部正确呈现，只是不可见。如果我编辑 DOM 并删除 <app-cases> "the previous component"，那么我的 <app-case> 组件会正确显示。

看来下一个组件的隐藏和显示工作不正常。

有人有什么想法吗？

Answer 1

所以看起来这是下一行

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

在 global.scss

中缺失

Strange Routing Issue Angular 7 + Ionic 4 Beta