离子选项卡上的黑色屏幕

我的离子应用程序有一个奇怪的错误。试图实现一个标签页，但是当我加载导航到应该有标签的页面时，我会收到一个黑屏。离子选项卡上的黑色屏幕

运输-main.html中

<ion-tabs> 
    <ion-tab [root]='transportationDetailsTab'></ion-tab> 
    <ion-tab [root]='transportationBidsTab'></ion-tab> 
</ion-tabs>

运输，main.ts

import { Component } from '@angular/core'; 
import { NavController, NavParams } from 'ionic-angular'; 

import { TransportationDetailsPage, TransportationBidsPage } from '../pages'; 

@Component({ 
    selector: 'page-transportation-main', 
    templateUrl: 'transportation-main.html', 
}) 
export class TransportationMainPage { 

    transportation: any; 
    transportationDetailsTab: TransportationDetailsPage; 
    transportationBidsTab: TransportationBidsPage; 

    constructor(public navCtrl: NavController, public navParams: NavParams) 
    { 
    this.transportation = this.navParams.data; 
    } 

}

我没有任何控制台错误和所有3页（TransportationMainPage，TransportationDetailsPage，TransportationBidsPage）的进口上modules.ts

我在谷歌找到了一些类似的问题，但他们都没有任何解决方案。

这里是我如何定位到标签页从另一个组件：

onClick($event, item) { 
    this.navCtrl.push(TransportationMainPage, item); 
    }

截图：

来源

2017-08-12 Tasos

https://github.com/ionic-team/ionic/issues/11015评论在这里说，“手动更新离子棱角3.5.3解决了这个问题” – JGFMK

@JGFMK我有离子棱角3.6.0 ..我应该降级吗？ – Tasos

我会问这个线程。你有没有什么奇怪的CSS/SASS你呢？ – JGFMK

我想，也许ü需要导入您tabspage您TransportationMainPage import {TransportationMainPage} from './../TransportationMainPage';和为您的导航尝试键入(click)='this.navCtrl.push(TabsPage)如果您使用离子2或ng-click='this.navCtrl.push(TabsPage)'如果您使用离子1也许

来源

2017-08-13 15:30:48

这可能只是解决方案的一半。因为我没有设法让标签显示出来...... 但是在你的app.html中 - 或者你在app文件夹中使用的任何文件来呈现html模板... 将所有内容包装在<ion-split-pane>。也在<ion-nav>使用main name="app"。这摆脱了我的黑屏。

来源

2017-08-20 05:07:42 JGFMK

离子选项卡上的黑色屏幕

回答

相关问题