Ionic components are not working in custom component

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    
    declarations: [
    imports: [    

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

    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>
        [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 ("

Please advice!

I have been having the same problem for the past day

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