Angular2 CUSTOM_ELEMENTS_SCHEMA不起作用

我刚刚使用ng2 cli安装了Bearbones ng2应用程序。在我的AppModule中，我添加了schema: [ CUSTOM_ELEMENTS_SCHEMA ]，在我的AppComponent模板中，我添加了<row></row>。但是我得到了



AppModule-

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';


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

AppComponent-

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {}

AppComponentTemplate-

<row></row>

真的就是这么简单。到底他妈发生了什么？

编辑:

下面的所有答案都是令人满意的，并且可以深入地解决问题。 @yurzui我特别喜欢您提供资料来源的答案。希望我能给大家所有可以接受的答案!但是我会选择@camaron作为第一个，并直接解决我的问题。如果您通过Google找到此问题，请给@ yurzui，@ camaron和@Aravind +1以帮助解决此问题!

最佳答案

您需要添加RowComponent以便由AppModule导入
imports: [RowComponent]
编辑:

使用NO_ERRORS_SCHEMA，这是因为angular试图查找不存在的组件。
CUSTOM_ELEMENTS_SCHEMA用于选择器名称中带有-的组件。