SideMenu dont appear in ionic 2

Ionic Framework ionic-v3
1

My Side menu dont appear anymore even i dont change anything in the code this my code :

<ion-navbar hideBackButton *navbar > <button menuToggle> <ion-icon name="menu"></ion-icon> </button> <ion-title>home</ion-title> </ion-navbar>

how i can fix this ?
Regards

2

Which beta version are you using? Since beta 10 *navbar is deprecated. Also you should wrap your navbar inside an now.

3

i use 2.0.0-beta.25 what do you mean by [quote=“luukschoen, post:2, topic:56942”]
Also you should wrap your navbar inside an now.
[/quote]

4

That’s the CLI you’re talking about. Please update the CLI to the latest version (I think .32), then update your ionic app (.beta 10) whilst following the migration docs. I suppose you just updated something, or did the bar just disappeared without any changes to your project?

5

it disappeared without updating anything

6

Okay, please provide some more information. What version of the ionic framework are you on? Do get any error logs, does it appear when you inspect the element etc etc

7

I see, your talking about the sidemenu but your pasting code of the navbar. So that got me confused. Please answer my previous question, so it’s easier to help you. I guess nothing disappears without reason :-).

8

what i am done i just create a new app with a side menu then and start generate a new page the side menu at this stage what appear and start edit at the new page then it disappear from my home page i just have a back button instead of it so i hide the back button in order to get return the sidemenu but nothing change

9

Then again, what version of the framework are you on? You must provide some more information that we can work with. Maybe you can recreate this issue in a Plunkr or share some code?

10

how i know what version of framework i have ?

11

check your package.json for the version

12

you do not need *navbar anymore, since ionic-angular beta 10

13

`{
“dependencies”: {
"@angular/common": “2.0.0-rc.1”,
"@angular/compiler": “2.0.0-rc.1”,
"@angular/core": “2.0.0-rc.1”,
"@angular/http": “2.0.0-rc.1”,
"@angular/platform-browser": “2.0.0-rc.1”,
"@angular/platform-browser-dynamic": “2.0.0-rc.1”,
"@angular/router": “2.0.0-rc.1”,
“es6-shim”: “^0.35.0”,
“ionic-angular”: “2.0.0-beta.9”,
“ionic-native”: “1.2.4”,
“ionicons”: “3.0.0”,
“reflect-metadata”: “^0.1.3”,
“rxjs”: “5.0.0-beta.6”,
“zone.js”: “^0.6.12”
},
“devDependencies”: {
“del”: “2.2.0”,
“gulp”: “3.9.1”,
“gulp-watch”: “4.3.5”,
“ionic-gulp-browserify-typescript”: “^1.1.0”,
“ionic-gulp-fonts-copy”: “^1.0.0”,
“ionic-gulp-html-copy”: “^1.0.0”,
“ionic-gulp-sass-build”: “^1.0.0”,
“ionic-gulp-scripts-copy”: “^2.0.0”,
“run-sequence”: “1.1.5”
}
}

14

i try to remove it but nothing change :slight_smile:

15

you are using beta9 so it is required there

16

Okay, so you’re on beta 9 (its the ionic-angular package). I haven’t heard any weird issues with that particular version of the framework concerning the sidemenu, so that’s weird. You say that everything works fine when you install the starter, but after you add a page it suddenly dissappears? How does the page you added look like and how does your app.ts look like?

17

@bengtler @luukschoen first thank you both for kindest reply
second the menu don’t appear after many hour of trigger it was just hide (the icon don’t appear i just need to drag the left side to display it so far do you any idea how i can r-display the icon

18

Hi,
I dont know if that will help you. You shoud put persistent=“true” in ion-menu so its looks like this
< ion-menu [content]=“content” persistent=“true”>.
See Menu API

If this still dosent work you can add this both function to the main page pushing the other

ionViewDidEnter() {
// the root left menu should be disabled on the tutorial page
this.menu.enable(false);
}

ionViewWillLeave() {
// enable the root left menu when leaving the tutorial page
this.menu.enable(true);
}

1 Like