CoursesComponentに指令がありません

Question

私はこのチュートリアルに従っています。 https://www.youtube.com/watch?v=_-CD_5YhJTA

しかし、私はこのエラーを取得しておいてください。

EXCEPTION: No Directive annotation found on CoursesComponent 

私app.components.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.components.tsのように見えますが、この

import {Component} from 'angular2/core'; 

@Component({ 
    selector:'courses'//css selector 
    template: '<h2>Courses</h2>' 
}) 


export class CoursesComponent{ } 

のように見えます

my package.json

{ 
    "name": "angular2-quickstart", 
    "version": "1.0.0", 
    "scripts": { 
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" ",  
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "lite": "lite-server", 
    "typings": "typings", 
    "postinstall": "typings install" 
    }, 
    "license": "ISC", 
    "dependencies": { 
    "angular2": "2.0.0-beta.7", 
    "systemjs": "0.19.22", 
    "es6-promise": "^3.0.2", 
    "es6-shim": "^0.33.3", 
    "reflect-metadata": "0.1.2", 
    "rxjs": "5.0.0-beta.2", 
    "zone.js": "0.5.15" 
    }, 
    "devDependencies": { 
    "concurrently": "^2.0.0", 
    "lite-server": "^2.1.0", 
    "typescript": "^1.7.5" 
    } 
} 

この問題を解決するにはどうすればよいですか？

Answer 1

あなたのcourses.components.tsに ";"このようなクラス宣言の後に

import {Component} from 'angular2/core'; 

@Component({ 
    selector:'courses'//css selector 
    template: '<h2>Courses</h2>' 
}) 


export class CoursesComponent{ }; 

あなたの問題を解決します。問題が再び来ればその実行NPMは、あなたのCMDにインストールした後、あなたの角度の2バージョンを確認

Answer 2

@NgModule({ 
    imports: [BrowserModule], 
    declarations: [AppComponent, CoursesComponent], 
    bootstrap: [AppComponent] 
}) 

も参照してくださいhttps://angular.io/docs/ts/latest/guide/ngmodule.html

Answer 3

エラーがディレクティブ

Components-の3種類がある かなり明確ですテンプレート付きディレクティブ 構造指示 - DOM要素を追加および削除してDOMレイアウトを変更します。 属性ディレクティブ - 要素の外観や動作を変更します。

あなたは@Component注釈 でコンポーネントを書きました。しかし、あなただけのapp.module.tsでdelcarations配列で宣言コンポーネントを使用するためにはディレクティブ配列 でそれを宣言しています。コンポーネントは https://angular.io/docs/ts/latest/guide/attribute-directives.html