Javascript 离子/角度应用中奇怪的黑色背景行为

我刚刚将我的应用程序更新为ionic 5和angular 9。我希望这个问题会随着新版本的出现而消失，但它仍然存在。问题是，在我的应用程序中，所有页面都是在真正的页面出现之前以黑屏过渡的。因此，用户会在几毫秒内看到一个黑屏，而这个黑屏看起来并不好看。现在有了新版本，情况变得更糟了。在一些页面中，我还体验到离子刷新区或打开键盘时出现的黑匣子。当打开新的情态动词时（有些情态动词可以正常工作，有些情态动词不能正常工作），但是情态动词的黑色背景甚至会留在情态动词后面。我真的不知道为什么会这样。我也不知道代码在这里是否有用，因为它实际上在两种模态中都是一样的，或者在刷新内容时也是一样的。我拍了两张正确工作模式的照片和一张黑色背景的照片

我感谢任何帮助，如果您需要进一步的代码，请告诉我

其他代码：

工作模式： html:

四轮马车模式： html:

图片如下：

---

那么，问题是它在新内容显示之前变黑了吗？还是模态上的间隙？@Jeff实际上两者都有，我只需要为过渡做一个屏幕截图。图中这是情态动词的问题。但这些愚蠢的黑匣子就是一切：（现在的问题是，我想只有有这个问题的人才能帮上忙。你能在这里发布一些代码吗？我猜在模式上有一些空白或空白，但我不知道。我已经添加了代码。这不是css问题，因为我删除了所有css，问题仍然存在：/@Jeff我实际上发现了这个“黑屏bug”仅当应用程序位于选项卡页面上并导航或加载模块时才会发生。当下面没有选项卡栏时，一切正常。

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="end">
      <ion-button color="medium" (click)="dismiss()">
        <ion-icon slot="icon-only" name="close"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title color="medium">
      Privacy Policy
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="legal-content">
<p> ... </p>
</ion-content>

  async showPrivacyModal() {
    const modal = await this.modalController.create({
      component: PrivacyPolicyPage,
      presentingElement: this.routerOutlet.nativeEl,
      swipeToClose: true
    });
    return await modal.present();
  }

<ion-header>
  <ion-toolbar>
        <ion-buttons slot="end">
            <ion-button color="medium" (click)="dismiss()">
              <ion-icon slot="icon-only" name="close"></ion-icon>
            </ion-button>
        </ion-buttons>
    <ion-title color="medium">
       Black BG
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

  async openFilter() {
    const modal = await this.modalController.create({
      component: FilterPage,
      presentingElement: this.routerOutlet.nativeEl,
      swipeToClose: true
    });
    return await modal.present();
  }