Adding ion-menu inside a page [Partially Solved]

Ionic Framework ionic-v3
4

page.html

<ion-navbar *navbar calm>
  <ion-title>Title</ion-title>
 
  <ion-buttons end>
    <button (click)="toggleMenu()"><ion-icon name="menu"></ion-icon></button>
  </ion-buttons>
</ion-navbar>

<ion-menu side="right" [content]="content">
<!--<ion-menu side="right" type="overlay" [content]="dashboard">-->
  
  <!-- Because there is not overlay, the toolbar is not shown -->
  <!-- For now, it helps to see the first item from the list -->
  <ion-toolbar>
    <ion-title>Tools</ion-title>
  </ion-toolbar>
  
  <ion-content>
    <ion-list>
      <button ion-item (click)="toolMenuOpenPage(newPage)">
        Pre-Commission
      </button>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-content #content>
...
</ion-content>

page.ts

  constructor(menuCtrl: MenuController) {
    this.menuCtrl = menuCtrl;
  }
  toggleMenu() {
    this._menuCtrl.toggle('right');
  }