How can I change extends a Base Page?

this is my basepage:
@Component({
selector: ‘page-base’,
templateUrl: ‘base.html’
})
export abstract class BasePage {
needLogin = false;

  constructor(protected accountData: AccountData, protected nav: NavController) { }

  push(page: any) {
    this.accountData.hasLoggedIn().subscribe(hasLoggedIn => {
      if (hasLoggedIn) {
        this.nav.push(page);
      } else {
        if (page.needLogin) {
          this.nav.push(LoginPage);
        } else {
          this.nav.push(page)
        }
      }
    });
  }

  pop() {
    this.nav.pop();
  }

  setRoot(page: any) {
    this.nav.setRoot(page);
  }
}

then I extends basepage:
@Component({
selector: ‘page-discover’,
templateUrl: ‘discover.html’
})
export class DiscoverPage extends BasePage {

  constructor(protected accountData: AccountData, protected navCtrl: NavController, ) {
    super(accountData, navCtrl);
  }

}

but ‘ionic serve’,I get this error:
Uncaught TypeError: Object prototype may only be an Object or null: undefined
at setPrototypeOf ()

anyone can help me, please ? thank you very much.

I do not know if ionic supports component inheritance out of the box.

But you could try latest release 2.1.0 from yesterday --> because angular 2 added inheritance in angular 2.3. and until ionic 2 v2.0.1 angular 2.2.1 is used ;).

looks like same with this error:
https://forum.ionicframework.com/t/typeerror-cannot-read-property-prototype-of-undefined-when-extends-in-typescript/53869

so sad.