ion-router-outlet在路由的组件上创建了一个ion-page-invisible类。它在第一次加载时没有删除它，因此显示了一个白色屏幕。后续访问没有问题，或者重新加载会删除它。我尝试手动删除这个类，就像我在互联网上找到的一样，但是它不起作用。这个不可见的页面阻止了整个内容。您可以在检查时看到路由内的组件，你甚至可以点击它，它会相应地工作，但看不到任何东西。我试过重新路由到不同的组件，它是相同的。这种情况发生在iOS/Safari，移动的和桌面。
我也尝试了使用规则的Angular <router-outlet>，这和预期的一样，但我不能在这里使用后续组件。
我的版面配置：

<ion-app>
        <ion-content class="ion-padding" [scrollEvents]="true" overflow-scroll="false">
            <app-navbar></app-navbar>
            <ion-router-outlet id="main-content"></ion-router-outlet>
        </ion-content>
</ion-app>

输出量：

<ion-router-outlet class="menu-content menu-content-overlay hydrated">
// ion-page-invisible is blocking the view
        <app-component class="ion-page ion-page-invisible">
//shows all the markups in component
</app-component>
    </ion-router-outlet>