離子選項卡上的黑色屏幕

我的離子應用程序有一個奇怪的錯誤。試圖實現一個標籤頁，但是當我加載導航到應該有標籤的頁面時，我會收到一個黑屏。離子選項卡上的黑色屏幕

運輸-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

離子選項卡上的黑色屏幕

回答

相關問題