angular - 离子路由器创建 ionic-page-invisible 且未删除

Question

ion-router-outletion-page-invisible在路由组件上创建一个类。它不会在第一次加载时将其删除，因此会显示白屏。后续访问很好，否则重新加载将删除它。我尝试手动删除我在互联网上找到的课程，但它不起作用。此页面不可见正在阻止整个内容。您可以在检查时看到路线内的组件，您甚至可以单击它，它会相应地工作，但看不到任何东西。我试过重新路由到不同的组件，它是一样的。这发生在 iOS/safari、移动设备和桌面设备上。

我还尝试使用常规角度进行此操作<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>

标签： angularionic-frameworkprogressive-web-apps