Получение ОШИБКИ RangeError: Максимальный размер стека вызовов превышен при каждой попытке импорта общего модуля IONIC

Question

получаю ОШИБКА RangeError: Максимальный размер стека вызовов превышен всякий раз, когда я импортирую свой общий модуль в мой компонент

Вот мой общий модуль

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';
import { LocationPickerComponent } from './location-picker/location-picker.component';
import { ImagePickerComponent } from './image-picker/image-picker.component';

@NgModule({
imports: [
        FormsModule,
        CommonModule,
        IonicModule,
    ],

    declarations: [LocationPickerComponent, ImagePickerComponent],

    exports: [LocationPickerComponent, ImagePickerComponent]

})
export class SharedModule { }

здесь я хочу использовать эти два компонента, т.е. LocationPickerComponent, ImagePickerComponent в моем новом предложении компонент

new-offer.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';
import { NewOfferPageRoutingModule } from './new-offer-routing.module';
import { NewOfferPage } from './new-offer.page';
import { SharedModule } from 'src/app/shared.module';
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    SharedModule

  ],
  declarations: [NewOfferPage]
})
export class NewOfferPageModule {}

это Компонент new-offer enet является в основном дочерним по компоненту предложений offer.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';
import { OffersPageRoutingModule } from './offers-routing.module';
import { OffersPage } from './offers.page';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
  {
    path: '',
    component: OffersPage
  }
];
@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    OffersPageRoutingModule,
   RouterModule.forChild(routes)

  ],
  declarations: [OffersPage],
})
export class OffersPageModule {}

здесь app.module.ts

@NgModule({
  declarations: [AppComponent, MapModalComponent],
  entryComponents: [MapModalComponent],
  imports: [BrowserModule, FormsModule, IonicModule.forRoot(), AppRoutingModule, AngularFireModule.initializeApp(environment.firebaseConfig), AngularFireDatabaseModule, HttpClientModule, AgmCoreModule.forRoot({ apiKey: 'AIzaSyA8noLb6pKChcnmsi1jr1FsQNBbHSZiUK0' }), GooglePlaceModule, AngularFireStorageModule],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    { provide: BUCKET, useValue: '' }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }