How to set drawer menu in all pages using extends class

Ionic Framework ionic-v3
1

i want to drawer menu in all pages but how i do it? i don’t want to put drawer menu code in all page.
i want extend one class in all pages but i get error login-tab.ts:35 Uncaught TypeError: Cannot read property ‘prototype’ of undefined

code that i used

prepaid.ts

export class PrepaidPage extends DrawerMainPage{

  constructor(nav: NavController,menu: MenuController){
  	super(nav,menu);
  	console.log('try');
  }

drawer-main.ts

export class DrawerMainPage {

@ViewChild(Nav) nav: Nav;

//  rootPage: any = HomePage;

pages: Array<{title: string, component: any}>
  constructor(navControl: NavController,menu: MenuController) {
  	menu.enable(true);
  	this.pages = [
      { title: 'Home', component: HomePage },
      { title: 'Contact Us', component: ContactUsPage }
    ];
  }
  openPage(page) {
    // Reset the content nav to have just this page
    // we wouldn't want the back button to show in this scenario
    this.nav.setRoot(page.component);
  }
}
2

Any solution here? I would love to know this

3

I would put the shared components inside the app.component.html.