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?
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
];
You need to show the code… where you think the error should be residing.
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>
Glad that you solved it. Cheers!!