Javascript 角度2-平均MongoDB节点

我使用的是这个GitHub示例（），到目前为止效果很好。我看到了我的MongoDB的任务，可以添加、删除任务

然后我尝试添加一个新组件“header”

我在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未处理的承诺拒绝：模板分析错误： “headers”不是已知元素： 1.如果“headers”是一个角度组件，则验证它是否是此模块的一部分。 2.如果“headers”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。(" [错误->]

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

人任务管理

有什么想法吗？非常感谢

---

”）：AppComponent@1:4 ; 区域：；任务：承诺

您使用的是Angular 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 ] 
})

---

您使用的是Angular 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 ] 
})

---

谢谢你的回复，但我还是收到了同样的错误。自定义元素\u模式允许-->名称中带有-的任何非角度元素，以及-->名称中带有-的元素上的任何属性，这是自定义元素的常见规则（）。我只使用“header”作为选择器。令我惊讶的是，任务组件（参见GitHub示例）正在工作。我想您走的是正确的道路。看起来我用的是旧版本的Angular。有一个bugreport准确地描述了我的问题（）。我在哪里可以检查我的版本？如何更新我的角度？谢谢！！！如果对您有效，请尝试将组件选择器更改为自定义标题。！！检查你的package.json的angular版本。谢谢你的回复，但我仍然收到相同的错误。自定义元素\u模式允许-->名称中带有-的任何非角度元素，以及-->名称中带有-的元素上的任何属性，这是自定义元素的常见规则（）。我只使用“header”作为选择器。令我惊讶的是，任务组件（参见GitHub示例）正在工作。我想您走的是正确的道路。看起来我用的是旧版本的Angular。有一个bugreport准确地描述了我的问题（）。我在哪里可以检查我的版本？如何更新我的角度？谢谢！！！如果对您有效，请尝试将组件选择器更改为自定义标题。！！检查package.json的角度版本。