проблема с использованием общих модулей в angular

Question

Привет, я ищу, может ли кто-нибудь помочь мне с моей проблемой совместного использования компонентов в разных модулях в angular 9

Я хочу использовать компонент "PubEventCard" из "pub-events". module.ts "в другом модуле с именем« Home », я экспортирую компонент из модуля pub-event и импортирую модуль в файл Home.module.ts, но не могу использовать компонент, так как он выдает ошибку

core.js:4061 ERROR TypeError: Cannot read property 'name' of undefined
    at PubEventPageComponent.push../src/app/routes/pub-event/pub-event-page/pub-event-page.component.ts.PubEventPageComponent.setSeo (pub-event-page.component.ts:59)

я консоль и указывает на не найденную страницу. Я прилагаю свой код и жду, если кто-нибудь сможет исправить мою ошибку, заранее спасибо

pub-event.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedModule } from '../../shared/shared.module';
import {Routes, RouterModule } from '@angular/router';

import { PubEventListComponent } from './pub-event-list/pub-event-list.component';
// import { PubEventPageComponent } from './pub-event-page/pub-event-page.component';
import { PubEventPageComponent } from './pub-event-page/pub-event-page.component';
import { PubEventCheckInComponent } from './pub-event-check-in/pub-event-check-in.component';
import { PubEventCardComponent } from './pub-event-card/pub-event-card.component';

const routes: Routes = [
    { path: '', component: PubEventListComponent }, 
    { path: ':event_id', component: PubEventPageComponent  },
    { path: ':event_id/order', loadChildren: './pub-event-buy/pub-event-buy.module#PubEventBuyModule'  },
    { path: ':event_id/check-in', component: PubEventCheckInComponent },
    { path: 'orders', loadChildren: './pub-event-order/pub-event-order.module#PubEventOrderModule'  },
    { path: 'order', loadChildren: './pub-event-order/pub-event-order.module#PubEventOrderModule'  },
];

@NgModule({
  imports: [
    CommonModule,
    SharedModule,
    RouterModule.forChild(routes),

  ],
  // c
  declarations: [PubEventListComponent,  PubEventPageComponent, PubEventCheckInComponent, PubEventCardComponent],
  exports: [RouterModule, PubEventCardComponent],
  providers: []
})
export class PubEventModule { }

Попытка импортировать в Home.module.ts

import { NgModule } from '@angular/core';
import { SharedModule } from '../../shared/shared.module';
import { HomeComponent } from './home/home.component';
import { Routes, RouterModule } from '@angular/router';
import { UserProfileComponent } from './user-profile/user-profile.component';
import { FeedbackComponent } from './feedback/feedback.component';
import { GettingStartedComponent } from './getting-started/getting-started.component';
import { LandingComponent } from './landing/landing.component';
//import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
import { SwiperModule } from 'ngx-swiper-wrapper';
import { OrgBannerComponent } from './org-banner/org-banner.component';
import { EventBannerComponent } from './event-banner/event-banner.component';
//import { PubEventCardComponent } from '../pub-event/pub-event-card/pub-event-card.component';
import { PubEventModule } from '../pub-event/pub-event.module';



const routes: Routes = [
    { path: '', component: HomeComponent },
    { path: 'user-profile', component: UserProfileComponent },
    { path: 'feedback', component: FeedbackComponent },
    { path: 'getting-started', component: GettingStartedComponent },
    { path: 'landing', component: LandingComponent },

];

@NgModule({
    imports: [
        SharedModule,
        //NgbModule,
        SwiperModule,
        RouterModule.forChild(routes),
        PubEventModule
    ],
    declarations: [HomeComponent, UserProfileComponent, FeedbackComponent, GettingStartedComponent, LandingComponent, OrgBannerComponent, EventBannerComponent,],
    providers:[

    ],
    exports: [
        RouterModule,SwiperModule,
        OrgBannerComponent,
        EventBannerComponent,
    ]
})
export class HomeModule { }

Компонент. html файл, который я пытаюсь использовать в

<div>
    <div fxLayoutAlign.md="start center" fxLayoutAlign.sm="center center" fxLayout="row wrap" fxLayoutAlign="start center"
    fxLayoutGap="24px">
    <pub-event-card *ngFor="let event of events" [event]="event"  class="org-card"></pub-event-card>


  </div>
</div>