side-menu (Uncaught TypeError: Невозможно прочитать свойство 'name' из undefined)

Question

Я пытаюсь добавить боковое меню в свое приложение, но выдает мне это сообщение об ошибке в консоли (Uncaught TypeError: Невозможно прочитать свойство 'name' из undefined)

это homepage.html

<ion-header>
 <ion-navbar>
  <button ion-button menuToggle icon-only>
      <ion-icon name='menu'></ion-icon>
    </button>
  <ion-title>
     Menus
</ion-title>
 </ion-navbar>
  </ion-header>

 <ion-menu [content]="content">
  <ion-header>
<ion-toolbar>
  <ion-title>Menu</ion-title>
</ion-toolbar>
</ion-header>
 <ion-content>
<ion-list>
  <button ion-item (click)="openPage(homePage)">
    Home
  </button>
  <button ion-item (click)="openPage(sign)">
    sign
  </button>
    <button ion-item  menuClose (click)="closeMenu()">
    Close Menu
  </button>
</ion-list>
 </ion-content>
</ion-menu>

  <ion-nav id="nav" #content [root]="rootPage"></ion-nav>

это homepage.ts

export class HomePage {
 private rootPage;
 private sign;
 constructor(public navCtrl: NavController, public menu:MenuController) {
  menu.enable(true);

this.rootPage = HomePage;

   this.sign = SignupPage;
   }


  openPage(p) {
  this.rootPage = p;
}
}

это картинка для ошибки

это main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

 import { AppModule } from './app.module';

  platformBrowserDynamic().bootstrapModule(AppModule);
  import { platformBrowserDynamic } from '@angular/platform-browser- 
   dynamic';

 import { AppModule } from './app.module';

 platformBrowserDynamic().bootstrapModule(AppModule);

почему вы ошиблись именемлюбая помощь, пожалуйста