使用Tabs推送新页面时，Ionic3背景消失

Question

我尝试在我的应用中使用标签推送新页面。但是，我发现当我点击按钮（添加好友）时，右侧的新页面弹出窗口突然消失。当我点击新页面（组件）左上角的后退按钮时。你会发现背景图层只显示白色，在新页面完全关闭后，再次显示欢迎页面。

示例：

您可以在下面看到我的代码：

以下是您需要的代码：https://stackblitz.com/edit/ionic-mfc3ga

  

  
1. 打开Chrome中的链接
  
2. 点击＆＃34; 在新窗口中打开＆＃34;在页面的右上角。
  
3. 在新窗口中，打开开发工具（Chrome）并切换到 移动型号 （切换设备工具栏），然后刷新浏览器。
  
4. 点击＆＃34;添加好友按钮＆＃34;在右上角。
  
5. 当新页面从右向左滑动时，您会看到背景页面（欢迎使用Ionic）消失。
  
6. 此外，当您单击新页面（组件）左上角的后退按钮时。你会发现背景图层只显示   白色，并在新页面完全关闭后，欢迎页面   再次显示。
  

我不知道我的代码有什么问题。

谢谢大家

Answer 1

删除 import { AboutPage } from '../about/about'; 至AboutPage

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
// import { AboutPage } from '../about/about'; DELETE THIS
import { ContactPage } from '../contact/contact';
import { HomePage } from '../home/home';
@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})
export class AboutPage {
  tab1Root = HomePage;
  // tab2Root = AboutPage;
  tab3Root = ContactPage;
  constructor(public navCtrl: NavController) {
  }
}

app.module.ts

中的

删除： AboutPage，ContactPage，HomePage，TabsPage on =＆gt;＆gt;的 entryComponents

 entryComponents: [
    MyApp,
  ],

并且效果很好））