Fehlende Vorlage in eckigen 2

Question

Ich bin neu in Angular 2. Ich entwickle ich App, die ich die Root-Komponente abgeschlossen, die eine Navigationsleiste und Fußzeile enthält. Ich arbeite gerade am Homepage-Modul und bekomme diesen Fehler.

[Fehler] Unbehandelte Versprechen Ablehnung: (8) Template Parse-Fehler: Website-Header‘ist kein bekanntes Element: 1. Wenn 'site-Header' eine Winkelkomponente ist, stellen Sie sicher, dass es ist Teil dieses Moduls.

Das ist mein main.ts Datei im Ordner Hommage

import { platformBrowserDynamic } from '@angular/platform-browser- dynamic'; 
import { HomepageModule } from './homepage.module'; 

const platform = platformBrowserDynamic(); 
platform.bootstrapModule(HomepageModule); 

Dies ist die Datei Modul ist

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 

import { HomepageComponent} from './homepage.component' 
import { SiteHeaderComponent } from '../site-header/site-header.component' 

@NgModule({ 
    imports:  [ BrowserModule ], 
    declarations: [ SiteHeaderComponent ], 
    bootstrap: [ HomepageComponent ] 
}) 
export class HomepageModule { } 

Datei Dies ist der Inhalt der Homepage Vorlage

<site-header>header</site-header> 

Dies ist der Inhalt der Website-header html

<!-- Site header --> 
<header class="site-header size-lg text-center" style="background-image: url(assets/img/bg-banner1.jpg)"> 
    <div class="container"> 
    <div class="col-xs-12"> 


    </div> 

    </div> 
</header> 
<!-- END Site header --> 

ich meine Importe mehrmals überprüft und ich sehe nichts, das aus sieht.

Ich habe sogar versucht, den Server neu zu starten, vielleicht war das das Problem.

Answer 1

Die HomepageComponent sollte in den Deklarationen enthalten sein. Bootstrap sollte nur verwendet werden, wenn dies das Stammmodul Ihrer Anwendung ist.

@NgModule({ 
    imports:  [BrowserModule], 
    declarations: [ 
       HomepageComponent, 
       SiteHeaderComponent 
    ] 
}) 
export class HomepageModule { }