Side menu not working

after login i want to show side menu . but it is not showing

ts code

import { Component,ViewChild } from '@angular/core';
import { NavController, NavParams ,Nav,Platform} from 'ionic-angular';
import {ShopPage} from '../shop/shop';
import {HomePage} from '../home/home';
  Generated class for the Menu page.

  See for more info on
  Ionic pages and navigation.
  selector: 'page-menu',
  templateUrl: 'menu.html'
export class MenuPage {
  @ViewChild(Nav) nav: Nav;

    rootPage: any = HomePage;

pages: Array<{ title: string, component: any }>

 constructor(public platform: Platform) {

    // used for an example of ngFor and navigation
    this.pages = [
      { title: 'Shop', component: ShopPage }


  initializeApp() {
    this.platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.

  ionViewDidLoad() {
    console.log('ionViewDidLoad MenuPage');
openPage(page) {
        // Reset the content nav to have just this page
        // we wouldn't want the back button to show in this scenario


<ion-menu [content]="content">


            <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">


<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

still unable to solve it. wt is the mistake in my side