离子3超级选项卡显示黑色屏幕

Question

我正在尝试使用离子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>

Answer 1

安装早期版本的超级标签当前版本有时会出现问题，这对我有用。运行命令

  

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

然后重启应用它应该清除它。

Answer 2

我在iOS（黑色背景）上遇到此问题。我解决了它将所有html内容放入离子内容组件。

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