Creating and Using New Component from Ionic CLI

AaronSterling · January 14, 2018, 5:51pm

If your module uses Ionic, import IonicModule. Basically this means: if your module only has pure Angular, like pipes or providers, you don’t need IonicModule. But if you’re using Ionic for html, then you need it. For example:

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 { }

Topic		Replies	Views
How to import custom components generated by Ionic 3.5 CLI? ionic-v3	5	4959	October 10, 2017
Ionic CLI - component is not a known element ionic-v3	8	16930	July 19, 2021
Can't get ionic v4 CLI generated component to work Ionic Framework	11	6492	July 19, 2021
Custom component: is not a known element: Ionic Framework	7	46574	May 3, 2021
If 'ion-back-button' is an Angular component, then verify that it is part of this module ionic-v3	6	6927	December 19, 2019

Creating and Using New Component from Ionic CLI

Related topics