How to set drawer menu in all pages using extends class

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


export class PrepaidPage extends DrawerMainPage{

  constructor(nav: NavController,menu: MenuController){


export class DrawerMainPage {

@ViewChild(Nav) nav: Nav;

//  rootPage: any = HomePage;

pages: Array<{title: string, component: any}>
  constructor(navControl: NavController,menu: MenuController) {
  	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

Any solution here? I would love to know this

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