Angular 2 - MEAN 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

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

В моем app.component.html я нахожусь используя этот селектор.

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

После обновления моего браузера, я получаю сообщение об ошибке:

zone.js: 420 Неизвестного Promise отказа: Шаблон ошибка синтаксического анализа: «заголовки» не известный элемент: 1. Если «headers» - это угловой компонент, а затем проверьте, что он является частью этого модуля. 2. Если «headers» - это веб-компонент, добавьте «CUSTOM_ELEMENTS_SCHEMA» в «@ NgModule.schemas» этого компонента, чтобы подавить это сообщение. ("? [ERROR ->]

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

Любые идеи Большое спасибо !!!

"): AppComponent @ 1: 4; Зона:; Задача: Promise.then;

Answer 1

Какая версия углового 2 вы используете & Вы не используете webpack для сборки?

Решение упомянуто в самой консоли ошибок. Вам нужно добавить

schemas: [CUSTOM_ELEMENTS_SCHEMA ] 

Так что ваш 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 ] 
})