# Component is not a known element

**URL:** <https://forum.ionicframework.com/t/component-is-not-a-known-element/167749>\
**Category:** Ionic Framework\
**Created:** [July 3, 2019, 7:28am UTC](https://forum.ionicframework.com/t/component-is-not-a-known-element/167749 "2019-07-03T07:28:55Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NurGuz](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/nurguz/32/111671_2.png) [@NurGuz](https://forum.ionicframework.com/u/NurGuz)\
**Post date:** [July 3, 2019, 7:28am UTC](https://forum.ionicframework.com/t/component-is-not-a-known-element/167749/1 "2019-07-03T07:28:55Z")

</div>

Hi guys,

I have this problem with my IONIC 4 app.

Have a component that if I import into module of a page, works:

```auto
import { NgModule } from '@angular/core';
import { MenuHeaderModule } from '../menu-header/menu-header.module';
import { SharedModule } from '../shared/shared.module';
import { HomePage } from './home-page/home.page';
import { HomePageRoutingModule } from './home-routing.module';

@NgModule({
  imports: [
    SharedModule,
    HomePageRoutingModule,
    **MenuHeaderModule**
  ],
  declarations: [
    HomePage
  ]
})
export class HomePageModule { }

```

But, if import this Module into Core, have this error: ‘strs-menu-header’ is not a known element

```auto
import { NgModule } from '@angular/core';
import { SharedModule } from '../shared/shared.module';
import { MenuHeaderModule } from '../menu-header/menu-header.module';

@NgModule({
  declarations: [MenuHeaderModule],
  imports: [
    SharedModule
  ],
  exports: [MenuHeaderModule]
})
export class CoreModule { }

```

```auto

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import {
  IonicModule,
  IonicRouteStrategy
} from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { StrsComponent } from './strs.component';
import { StrsRoutingModule } from './strs-routing.module';
import { CoreModule } from './core/core.module';

@NgModule({
  declarations: [StrsComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    StrsRoutingModule,
    CoreModule
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [StrsComponent]
})
export class StrsModule { }

```

Any idea?