2017-06-07 97 views
0

我是Angular 2的新手。我正在開發我的應用程序,我完成了包含導航欄和頁腳的根組件。我現在正在處理主頁模塊,並且出現此錯誤。在角2中缺少模板

[錯誤]未處理無極抑制:(8) 模板解析錯誤: 站點報頭」不是一個已知元素: 1.如果‘站點報頭’是角度成分,然後驗證它是這個模塊的一部分。

這是我main.ts文件中的文件夾致敬

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

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

這是模塊文件

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 { } 

這是網頁模板文件

的內容
<site-header>header</site-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 --> 

我檢查了我進口多次的內容,我沒有看到任何看起來關閉。

我甚至試圖重啓服務器,可能是這個問題。

+0

你能發佈你的網站標題組件嗎? –

+0

我剛剛添加了代碼 – John

回答

0

HomepageComponent應包含在聲明中。僅當這是您的應用程序的根模塊時才應使用引導程序。

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

我沒有頭中的表格,因爲我打算將搜索表單作爲一個組件。所以我可以使用它 – John

+0

我是否需要在主頁模塊中擁有homepagecomponent聲明,因爲我已經在應用程序模塊中聲明它了? – John

+0

你的問題讓我相信HomepageModule是你的根模塊,因爲你在那裏設置了引導屬性。您只需要在應用程序的根模塊中設置一次引導屬性,在這種情況下爲AppModule。你的HomepageComponent應該在HomepageModule的聲明中註冊。 HomepageModule應該在您的AppModule的Imports中註冊。 –