角2 - 平均MongoDB NodeJS

Question

私はこのGitHubの例（https://github.com/bradtraversy/mean_mytasklist）を使用しています。私は私のMongoDBのタスクを参照して、タスクを追加、削除することができます。

それから私は新しいコンポーネント「ヘッダ」

import { Component } from '@angular/core'; 

@Component({ 
    moduleId: module.id, 
    selector: 'headers', 
    templateUrl: 'header.component.html' 
}) 
export class HeaderComponent { 

} 

を追加しようとしていた私は、私のapp.modules.tsに私は私のapp.component.htmlで

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { HttpModule } from '@angular/http'; 
import { FormsModule } from '@angular/forms'; 
import { AppComponent } from './app.component'; 
import { TasksComponent } from './components/tasks/tasks.component'; 
import { HeaderComponent } from './components/header/header.component'; 

@NgModule({ 
    imports: [BrowserModule, HttpModule, FormsModule], 
    declarations: [AppComponent, TasksComponent, HeaderComponent], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

を、このコンポーネントを追加しましたこのセレクタを使用します。

zone.js：420未処理の約束拒否：テンプレートの解析エラー： 「ヘッダ」ではない知られている要素は次のとおりです。 1.もし

<div class="container"> 
    <headers></headers> 
    <h1>MyTaskList</h1> 
    <hr> 
    <tasks></tasks> 
</div> 

私のブラウザを更新した後、私は、このエラーメッセージが表示されます'ヘッダー'はAngularコンポーネントであり、それがこのモジュールの一部であることを確認します。 2. 'headers'がWebコンポーネントの場合は、このコンポーネントの '@ NgModule.schemas'に「CUSTOM_ELEMENTS_SCHEMA」を追加して、このメッセージを表示しないようにします。 （ " [ERROR - >]

<headers></headers> 
<h1>MyTaskList</h1> 
<hr> 

任意のアイデア感謝!!!

？"）：AppComponent 1 @：4。ゾーン： ;タスク：Promise.then;

Answer 1

使用しているAngular 2のバージョン&ビルドにウェブパックを使用していませんか？

解決策は、エラーコンソール自体に記載されています。 あなたはだからあなたのapp.module.tsは、次のようになりご返信用

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; 

@NgModule({ 
    imports: [BrowserModule, HttpModule, FormsModule], 
    declarations: [AppComponent, TasksComponent, HeaderComponent], 
    bootstrap: [AppComponent], 
    schemas: [CUSTOM_ELEMENTS_SCHEMA ] 
})