ルートコンポーネント内の角2のカスタムコンポーネントがアプリケーションを破損する

角度2を学ぶときに取り組もうとしている簡単な問題があるようです。コンポーネントを作成し、そのコンポーネントをルートコンポーネント内に配置します。他のコンポーネントに追加しないと、ページが読み込まれます。私のカスタムコンポーネントをインポートしてルートコンポーネントにディレクティブを追加すると、ページは読み込み中に残り、クラッシュのようにどこからも移動しません。私はそれを把握していないようだ。ルートコンポーネント内の角2のカスタムコンポーネントがアプリケーションを破損する

私のカスタムコンポーネント（私の-c.component.ts）：

import {component} from 'angular2/core'; 

@component({ 
    selector: 'my-comp', 
    template: ` 
     <h3>Second component</h3> 
    ` 
    }) 

export class mycComponent { 

}

そして今、ここに挿入された私のカスタムコンポーネントとの私の "ルート" コンポーネントです。（app.component.ts）

import {Component} from 'angular2/core'; 
import {mycComponent} from './my-c.component'; 


@Component({ 
    selector: 'my-app', 
    template: ` 
     <h1>Angular 2 Boilerplate (o yea)</h1> 
     <h2>Now comes the second component</h2> 
     <my-comp></my-comp> 
    `, 
    directives: [mycComponent] 

}) 

export class AppComponent { 

}

簡潔にするためにすべてのヘッダーの内容を除いたファイルです。これはpolyfillsのすべてのインクルードとappを "開始"するsystem.configのすべてを含んでいるわけではありません。私は私のカスタムコンポーネントの輸入を取り出してもディレクティブを削除