Ionic V3 Lazy Loading: Not Working. All js chunks loaded

Question

I have absolutely no idea why this is happening but every single one of my lazy loaded ionic page loads ALL *.js chunks and I am unable to benefit from lazy loading.

Its a fairly large app. Each page load is downloading about 46mb of data, most of which are all 0.js, 1.js, .... When going to different pages, I don't see any more *.js being downloaded.

Please help!!!!!!.

Lazy Loaded Module

@NgModule({
    imports: [
        IonicPageModule.forChild(PostWidgetComponent)
    ],
    declarations: [
        PostWidgetComponent
    ],
    entryComponents: [],
    providers: [],
    exports: [PostWidgetComponent]
})
export class PostWidgetModule { }

App Module

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    IonicModule.forRoot(AppComponent, {
      preloadModules: true
    }),
    ProvidersModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [AppComponent],
  providers: [
    /*  { provide: ErrorHandler, useClass: IonicErrorHandler }, */
    StatusBar,
    SplashScreen
  ]
})
export class AppModule { }

Sumama Waheed · Accepted Answer · 2018-02-09 03:54:22Z

1

This was such a dump mistake that I deleted the answer, but putting the "fix" here for reference. I found the mistake while copying app.module and pasting here :)

IonicModule.forRoot(AppComponent, {
  //preloadModules: true // DELETE DANGER AHEAD
}),

answered Feb 9, 2018 at 3:54

Sumama Waheed

3,6073 gold badges22 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ionic V3 Lazy Loading: Not Working. All js chunks loaded

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related