title: Uncaught Error: Template parse errors: 'component' is not a known element:
body: <p>I am facing the problem in angular 4.4 , In my app, I have hierarchical view. In which I have created a </p>
  
  <p><strong>:= module 1 -> module 2 -> my component.</strong></p>
  
  <p>I have declared everything correctly. , But still I'm getting error.</p>
  
  <ol>
  <li><strong>Declared</strong> component.</li>
  <li><strong>Imported</strong> it into other module.</li>
  <li><strong>selector</strong> name is same.</li>
  <li><strong>Exported</strong> component in <strong>module 2</strong>.</li>
  <li><strong>Imported</strong> module 2 in <strong>module 1</strong>.</li>
  </ol>
  
  <p><strong>What could be the catch?</strong>
  Component Code:
  Admin -> Configuration -> mycomponent
  //My component</p>
  
  <pre><code>import { Component, OnInit, ViewChild, ChangeDetectorRef } from '@angular/core';
  @Component({
    selector: 'test-mycomponent',
    templateUrl: './mycomponent.component.html',
    styleUrls: ['./mycomponent.component.scss']
  })
  export class MyComponentComponent implements OnInit {
    @ViewChild('myComponentTable')
  
    constructor() {
      }
    ngOnInit() {
  //init functionality
  }
  }
  
  // configure module code 
  import { NgModule,Component } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { FormsModule } from '@angular/forms';
  import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
  import { MyComponentComponent } from './mycomponent/mycomponent.component';
  @NgModule({
    imports: [
      CommonModule,
      WidgetsModule,
      FormsModule,
      NgbModule
    ],
    declarations: [
      MyComponent
    ],
    providers: [
    ],
    exports: [
      MyComponent
    ]
  })
  export class ConfigurationModule { }
  
  //Main module admin
  import { NgModule, Component } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { ConfigurationModule } from './configuration/configuration.module';
  import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
  import { MyComponentComponent } from './configuration/mycomponent/mycomponent.component';
  import { FormsModule } from '@angular/forms';
  @NgModule({
    imports: [
      CommonModule,
      NgbModule,
      FormsModule,
      ConfigurationModule
    ],
    declarations: [
    ],
    exports: [
       ]
  })
  export class AdminModule { }
  
  and I am calling that template in another file
  //Test file html 
      &lt;ng-template&gt;
            &lt;test-mycomponent&gt;&lt;/test-mycomponent&gt;
        &lt;/ng-template&gt; 
  </code></pre>