Ionic components are not working in custom component

Ionic Framework ionic-v3
1

Hey Guys,

I have custom component that uses ionic components.

If I add my component to app declarations everything works fine, however if I try to import module with my custom component through imports like this

// app.module.ts    
@NgModule({
    declarations: [
        MyApp,
        ...
    ],
    imports: [    
        IonicModule.forRoot(MyApp),
        ComponentsModule
    ]

// components.module.ts
import { VisitInfoComponent } from './visit-info/visit-info';
import { NgModule } from '@angular/core';

@NgModule({
    declarations: [VisitInfoComponent],
    exports: [VisitInfoComponent],
})
export class ComponentsModule { }

applications fails with errors

'ion-card-title' is not a known element:
1. If 'ion-card-title' is an Angular component, then verify that it is part of this module.
2. If 'ion-card-title' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("<ion-card>
    <ion-card-content>
        [ERROR ->]<ion-card-title class="client">{{visit?.client?.name}}</ion-card-title>

        <div class="address""): VisitInfoComponent@2:8
The pipe 'date' could not be found ("
        </div>

Please advice!

2

I have been having the same problem for the past day

3

You need to include ‘IonicModule’ in the imports array of your components module