在根組件崩潰的應用程序中的角2自定義組件

我有什麼似乎是一個簡單的問題，我一直試圖解決在學習Angular 2時。創建一個組件，然後將該組件放入根組件。當我不添加其他組件時，頁面加載。當我導入我的自定義組件並將該指令添加到根組件時，頁面將保持加載狀態，並且不會從那裏到達任何地方，就像崩潰一樣。我似乎無法弄清楚。在根組件崩潰的應用程序中的角2自定義組件

我的自定義組件（MY-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 { 

}

而在我的index.html文件中沒有所有標題的東西，爲了簡單起見。這不包括polyfills的所有包含，也包括system.config「啓動」應用程序，這些都在那裏。