Angular2 CUSTOM_ELEMENTS_SCHEMA 不起作用

Question

我刚刚使用 ng2 cli 安装了一个 bearbones ng2 应用程序。在我的 AppModule我添加了 schema: [ CUSTOM_ELEMENTS_SCHEMA ] , 在我的 AppComponent模板我有<row></row> .但是我越来越-

Unhandled Promise rejection: Template parse errors: 'row' is not a known element: 1. If 'row' is an Angular component, then verify that it is part of this module. 2. If 'row' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]

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 作为第一个并为我的问题提供直接解决方案。如果您通过谷歌找到这个问题，请给@yurzui、@camaron 和@Aravind +1，以帮助解决这个问题!

Answer 1

您需要添加 RowComponent 以由您的 AppModule 导入

导入:[RowComponent]

编辑:

使用 NO_ERRORS_SCHEMA，这是因为 Angular 试图找到一个不存在的组件。

CUSTOM_ELEMENTS_SCHEMA 适用于选择器名称中带有 - 的组件。