Добавьте компоненты на несколько страниц. Ошибка | Ионный 4

Я пытаюсь добавить на несколько страниц мои компоненты заголовка (компонент Ionic g).

В моем компоненте Header есть 4 файла: html, scss, spec.ts и ts. Когда я добавляю этот компонент минимум на 2 страницы, я получаю эту ошибку:

Error: Type HeaderComponent is part of the declarations of 2 modules: Tab1PageModule and ProductPageModule! Please consider moving HeaderComponent to a higher module that imports Tab1PageModule and ProductPageModule. You can also create a new NgModule that exports and includes HeaderComponent then import that NgModule in Tab1PageModule and ProductPageModule.

Его мой компонент выглядит так:

import { HeaderComponent } from './../../partials/header/header.component';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { ProductPage } from './product.page';

const routes: Routes = [
  {
    path: '',
    component: ProductPage
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes)
  ],

  entryComponents:[HeaderComponent],
  declarations: [ProductPage,HeaderComponent]
})
export class ProductPageModule {}

Я также пробую несколько способов добавить этот компонент, но я все еще остаюсь на той же точке. Когда я добавляю NgModule к компоненту, я получаю сообщение об ошибке о директивах (не распознается). При добавлении ComoneModule (из библиотеки Ionic) мои компоненты отображаются на всех страницах, но два способа привязки не работают должным образом (не обновляются);

буду очень благодарен за помощь

РЕДАКТИРОВАТЬ Я пытаюсь создать общую модель (Header.components.module.ts), но когда я использую общий модуль, я получаю сообщение об ошибке:

core.js:15724 ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'ngIf' since it isn't a known property of 'ion-buttons'.

import { HeaderComponent } from './header.component';
import { NgModule,CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';
import { IonicModule } from '@ionic/angular';
import { RouterModule } from '@angular/router';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
@NgModule({

    imports: [CommonModule,
        FormsModule,
        IonicModule,RouterModule],        
    declarations: [
        HeaderComponent,

   ],
   exports: [
    HeaderComponent
   ],
   schemas: [
    CUSTOM_ELEMENTS_SCHEMA
  ]
})

export class HeaderComponentsModule {}