为什么Angular2说组件是没有定义的，尽管它在那里存在？

Question

我的app.component.ts :

import {Component} from 'angular2/core';
import {CoursesComponent} from './courses.component';

@Component({
    selector: 'my-app',
    template: '<h1>Hello Angular 2</h1><courses></courses>',
    directives: [CoursesComponent] 
})
export class AppComponent { } 

我的courses.component.ts :

   import {component} from 'angular2/core';

   @Component({
    selector : 'courses',
    template : '<h2>Courses</h2>'
   })
   export class CoursesComponent{

   }

虽然所有的细节都在这里，但我不知道为什么chromebug仍然说“组件没有定义”。

错误是：

ReferenceError: Component is not defined
    Error loading http://localhost:3000/app/boot.js
    at eval (courses.component.ts:3)
    at execute (courses.component.ts:7)
    at ensureEvaluated (system.src.js:3186)
    at ensureEvaluated (system.src.js:3178)
    at ensureEvaluated (system.src.js:3178)
    at Object.execute (system.src.js:3304)
    at doDynamicExecute (system.src.js:703)
    at link (system.src.js:905)
    at doLink (system.src.js:557)
    at updateLinkSetOnLoad (system.src.js:605)

任何帮助都是非常感谢的。

Answer 1

自directives以来，@Component()中的2.0.0 beta.6就不再受欢迎。

将它们注册到@NgModule()中

@Component({
    ...,
    directives: [CoursesComponent] 
})

你需要把它加到

@NgModule({
    declaration: [CoursesComponent],
    ...
})

Answer 2

在courses.component.ts中，您有下一个代码行：

 import {component} from 'angular2/core';

它应该是

 import {Component} from 'angular2/core';

您使用的是@组件，如果不导入它，该组件将无法被解析。