Ionic 3 Super Tabs 显示黑屏

Ionic 3 Super Tabs Showing Black Screen

我正在尝试为 ionic 3 使用超级标签,但它只显示黑屏,而且标签加载不正确(如图所示)。为什么会发生这种情况?

app.module.ts

import { SuperTabsModule } from 'ionic2-super-tabs';

@NgModule({
  imports: [
    ...
    SuperTabsModule.forRoot()
 ],

tabs.html

<super-tabs>
  <super-tab [root]="tab1Root" title="Home" icon="home"></super-tab>
  <super-tab [root]="tab2Root" title="About" icon="information-circle"></super-tab>
  <super-tab [root]="tab3Root" title="Contact" icon="contacts"></super-tab>
</super-tabs>

安装早期版本的 super tab 当前版本有时会出现问题,这对我有用。 运行 命令

npm install ionic2-super-tabs@4.1.0 --save

然后重新启动应用它应该会清除它。

我在 iOS(黑色背景)上遇到了这个问题。我解决了将所有 html 内容放入 ion-content 组件中的问题。

<ion-content>  ...mypage...    </ion-content>