Angular 角度2：选择器标记赢得'；t载荷

我正在试用Angular 2并阅读一本书，现在我使用quickstart和以下代码创建一个新组件

import {Component} from 'angular2/core';
@Component({
  selector: 'my-component',
  template: '<h1>Hello</h1>'
})
export Class MyComponent{

}

编辑：控制台中的错误是

（索引）：18错误：（SystemJS）类未定义

---

它引用的文件是Angular Quickstart的索引（可以在git上找到）

您需要将MyComponent添加到模块声明中

    @NgModule({
      declarations: [
        AppComponent, 
        MyComponent // <-- added here
      ],
      imports: [
        BrowserModule,
        FormsModule,
        HttpModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

@NgModule({
声明：[
应用组件，
MyComponent//您的问题在app.module.ts文件中。您不仅需要将
MyComponent
添加到声明中，还需要添加导入。您的app.module应该如下所示

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { AppComponent } from './app.component'; 
import { MyComponent } from './my-component.component'; <----Here

@NgModule({ 
imports: [ BrowserModule ], 
declarations: [ AppComponent, MyComponent ], <-----and Here
bootstrap: [ AppComponent ] 
}) 

export class AppModule { }

从'@angular/core'导入{NgModule}；
从“@angular/platform browser”导入{BrowserModule}；
从“./app.component”导入{AppComponent}；
导入{MyComponent}来自“/my component.component”；请将您的问题包括在控制台中显示的任何错误。此外，
angularjs
标记用于角度为1.x的问题；
angular2
标记是您想要的。最后，字母i，当用于指代您自己时，应该大写。@MikeMcCaughan thnx我这样做了。什么版本的您使用的是gular？假设您使用的是NgModule组件，请也发布。@Bean0341我从node网站下载了nodejs，从[quickstart]下载了angular（），在我执行npm启动时不使用NgModel。它使用默认页面加载localhost，我正在如上所述向页面添加
。好的，我说错了，添加您的systemjs和app.module组件
import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { AppComponent } from './app.component'; 
import { MyComponent } from './my-component.component'; <----Here

@NgModule({ 
imports: [ BrowserModule ], 
declarations: [ AppComponent, MyComponent ], <-----and Here
bootstrap: [ AppComponent ] 
}) 

export class AppModule { }

import { Component } from '@angular/core';
import { MyComponent } from './my-component.component';
@Component({
    selector: 'my-app',
    template: '<h1>My First Angular App</h1><my-component></my-component>'

    directive: [MyComponent]    ***<-----REMOVE THIS LINE!***
})
 export class AppComponent { }