Ionic3 and custom components

odorakel · May 12, 2017, 4:12pm

Hey there,

I’m currently trying to migrate my Ionic2 application to Ionic3, because I would like to make use of the lazy loading feature - because I really need this feature for the web version of the app…

…but all of my custom components doesn’t work anymore - could someone provide an example of a lazy loading page and a custom component?

Thanks,
Oliver

AaronSterling · May 12, 2017, 4:13pm

github.com

mhartington/star-track-ionic/blob/master/src/components/ion-music-card/ion-music-card.module.ts

import { NgModule } from '@angular/core';
import { IonicModule } from 'ionic-angular';
import { IonMusicCardComponent } from './ion-music-card';
import { TimePipeModule } from '../../pipes/time-pipes/time-pipes.module';
import { CommonModule } from '@angular/common';
import { DirectivesModule } from '../../directives/directives.module';
import { ColorThiefProvider } from '../../providers/color-thief/color-thief';
@NgModule({
  declarations: [IonMusicCardComponent],
  imports: [
    TimePipeModule,
    CommonModule,
    DirectivesModule,
    IonicModule
  ],
  providers: [ColorThiefProvider],
  exports: [IonMusicCardComponent]
})
export class IonMusicCardComponentModule { }

richardshergold · May 12, 2017, 4:13pm

Have a look here and here for more info.

odorakel · May 12, 2017, 4:17pm

I will try this - thanks a lot!

odorakel · May 12, 2017, 4:18pm

@…also! Thanks a lot as well!

rapropos · May 12, 2017, 8:30pm

Beware that your app binary might grow substantially, as you will get separate duplicated copies of your component code for each lazy page that includes it.

sonicwong78 · September 12, 2018, 3:20am

So, what is the better way to do?
Thanks!

Topic		Replies	Views
Custom Component Lazy Loading ionic-v3	3	4906	July 19, 2021
Doubt about lazy loaded components ionic-v3	22	2907	July 19, 2021
Components/components.module.ts ionic-v3	5	4659	April 19, 2018
How to correctly implement a components.module.ts in Ionic ionic-v3	32	59811	December 6, 2017
Ionic components are not working in custom component ionic-v3	2	985	April 11, 2019

Ionic3 and custom components

Related topics