离子3自定义后退按钮不起作用

Question

您好我制作了一个新闻页面，其中显示了WordPress博客的新闻列表。我想在此新闻页面的标题上显示后退按钮或箭头。我已经完成了以下步骤，但收到错误 “未捕获（承诺）：导航堆栈至少需要一个根页面”my news.html和news.ts代码在下面

News.html

    <ion-header>
  <ion-navbar>
      <button (click)="goBack()">
          <ion-icon name="arrow-back">  </ion-icon>
      </button>
      <ion-title>news</ion-title>
  </ion-navbar>
</ion-header>

使用goBack（）的News.ts代码FUNCTION如下

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { WpapiProvider } from '../../providers/wpapi/wpapi';


@IonicPage()
@Component({
  selector: 'page-news',
  templateUrl: 'news.html',
  providers: [WpapiProvider]
})
export class NewsPage {

  constructor(public navCtrl: NavController, public navParams: NavParams, public api: WpapiProvider) {
    this.api.getPosts();
  }
  goBack() {
    this.navCtrl.pop();
   }
}