Ion button menu, menuToggle not showing in lazy load


#1

exactly like the title, the burger icon is not showing

then i tried revert back before migrating to lazy load then it shown

any sugestion? any idea? anyone know why?


#2

also happen for all ionIcon

i’ve added IonicModule in page.module.ts.imports


// page.module.ts
imports: [
    IonicPageModule.forChild(SettingHomePage),
    IonicModule,
    ...AppModule.imports,
  ],


//imports static

  public static imports = [
    // CommonModule,
    IonicModule,
    PipesModule,
    DatePickerModule,
    DirectivesModule,
    ComponentsModule
  ];

#3

You need to show the code… where you think the error should be residing.


#4

package json

{
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "5.0.1",
    "@angular/compiler": "5.0.1",
    "@angular/compiler-cli": "5.0.1",
    "@angular/core": "5.0.1",
    "@angular/forms": "5.0.1",
    "@angular/http": "5.0.1",
    "@angular/platform-browser": "5.0.1",
    "@angular/platform-browser-dynamic": "5.0.1",
    "@ionic-native/android-permissions": "^4.5.3",
    "@ionic-native/app-version": "^4.5.3",
    "@ionic-native/badge": "^4.5.3",
    "@ionic-native/calendar": "^4.5.3",
    "@ionic-native/core": "^4.4.0",
    "@ionic-native/date-picker": "^4.4.2",
    "@ionic-native/header-color": "^4.4.2",
    "@ionic-native/in-app-browser": "^4.5.3",
    "@ionic-native/local-notifications": "^4.5.3",
    "@ionic-native/splash-screen": "4.4.0",
    "@ionic-native/status-bar": "4.4.0",
    "@ionic/pro": "^1.0.20",
    "@ionic/storage": "2.1.3",
    "@types/node": "^9.3.0",
    "@types/promise.prototype.finally": "^2.0.2",
    "body-parser": "^1.18.2",
    "cordova-android": "6.3.0",
    "cordova-browser": "5.0.1",
    "cordova-ios": "4.5.4",
    "cordova-plugin-android-permissions": "^1.0.0",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-badge": "^0.8.7",
    "cordova-plugin-datepicker": "^0.9.3",
    "cordova-plugin-device": "^1.1.4",
    "cordova-plugin-file": "^6.0.1",
    "cordova-plugin-headercolor": "^1.0.0",
    "cordova-plugin-inappbrowser": "^2.0.2",
    "cordova-plugin-ionic-webview": "^1.1.16",
    "cordova-plugin-local-notification": "^0.9.0-beta.2",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.1",
    "cordova-plugin-whitelist": "^1.3.1",
    "cors": "^2.8.4",
    "express": "^4.16.3",
    "ionic-angular": "3.9.2",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionic2-date-picker": "^1.1.2",
    "ionicons": "3.0.0",
    "morgan": "^1.9.0",
    "promise.prototype.finally": "^3.1.0",
    "rxjs": "5.5.2",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18",
    "@ionic/app-scripts": "^3.1.8",
    "typescript": "2.4.2"
  },
  "devDependencies": {},
  "cordova": {
    "plugins": {
      "ionic-plugin-keyboard": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-headercolor": {},
      "cordova-plugin-datepicker": {},
      "cordova-plugin-file": {},
      "cordova-plugin-android-permissions": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-app-version": {},
      "cordova-plugin-badge": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-local-notification": {},
      "cordova-plugin-statusbar": {}
    },
    "platforms": [
      "android",
      "browser",
      "ios"
    ]
  }
}


app module


@NgModule({
  declarations: [
    // ArrowOpenDirective,
    // StatusColorDirective,


    MyApp,
    HomePage,
    // AnnouncementHomePage,
    // AnnouncementApplyPage,
    // ListPage,
    // MyApp,
    // SearchBarPage,
    //
    // LoginPage,
    // EmptyPage,
    //
    // CalenderPage,
    //
    //
    // VisitationDetailPage,
    // VisitationApplicationPage,
    //
    // HomeLeaveApplicationPage,
    // ApplyLeaveApplicationPage,
    //
    // HomeExchangeApplicationPage,
    // ApplyExchangeApplicationPage,
    // HomeOvertimeApplicationPage,
    // ApplyOvertimeApplicationPage,
    //
    // WorkoutsideHomePage,
    // WorkoutsideApplyPage,
    //
    // ContainerInApplyPage,
    // ContainerInHomePage,
    //
    //
    // //# myAttendance
    // AbsenceRecordHomePage,
    // AbsenceRecordApplyPage,
    //
    // IncompleteRecordHomePage,
    // IncompleteRecordApplyPage,
    //
    //
    // ChangeMyPasswordPage,
    // ProfileInformationPage,
    //
    // SettingHomePage,
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp,{
    }),
    FormsModule,
    HttpClientModule,
    PipesModule,
    DatePickerModule,
    DirectivesModule,
    ComponentsModule,


  ],
  bootstrap: [IonicApp],
  entryComponents: [

    MyApp,
    HomePage,
    // AnnouncementHomePage,
    // AnnouncementApplyPage,
    // ListPage,
    // MyApp,
    // SearchBarPage,
    //
    // LoginPage,
    // EmptyPage,
    //
    // CalenderPage,
    //
    //
    // VisitationDetailPage,
    // VisitationApplicationPage,
    //
    // HomeLeaveApplicationPage,
    // ApplyLeaveApplicationPage,
    //
    // HomeExchangeApplicationPage,
    // ApplyExchangeApplicationPage,
    // HomeOvertimeApplicationPage,
    // ApplyOvertimeApplicationPage,
    //
    // WorkoutsideHomePage,
    // WorkoutsideApplyPage,
    //
    // ContainerInApplyPage,
    // ContainerInHomePage,
    //
    //
    // //# myAttendance
    // AbsenceRecordHomePage,
    // AbsenceRecordApplyPage,
    //
    // IncompleteRecordHomePage,
    // IncompleteRecordApplyPage,
    //
    //
    // ChangeMyPasswordPage,
    // ProfileInformationPage,
    //
    // SettingHomePage,

  ],
  providers: [
    StatusBar,
    SplashScreen,
    IonicErrorHandler,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    HeaderColor,
    UserProvider,
    ApiProvider,
    DatePicker,
    RootParamsProvider,
    AndroidPermissions,
    HelperProvider,
    InAppBrowser,
    AppVersion,
    Calendar,
    Badge,
    LocalStorageProvider

  ]
})
export class AppModule {

  public static imports = [
    IonicModule,
    CommonModule,
    PipesModule,
    DatePickerModule,
    DirectivesModule,
    ComponentsModule
  ];
}



setting module


@NgModule({
  declarations: [
    SettingHomePage,
  ],
  imports: [
    IonicPageModule.forChild(SettingHomePage),
    IonicModule,
    ...AppModule.imports,
  ],
})
export class SettingHomePageModule {}

ion icon html

      <ion-icon name="notifications" item-start=""></ion-icon>


#5

#6

Glad that you solved it. Cheers!!