typescriptのclass参照

Question

typescriptのclass参照でエラーになります。
解決方法を教えてください。

以下のスライド20まで作業を行っています。
https://www.slideshare.net/slideshow/embed_code/key/sqJvihresqQt7F

ERROR in [default] c:/pleiades/workspace/angular2-webpack-starter/angular2-webpack-starter-minimum/src/components/app.component.t
s:6:14                                                                                                                           
Cannot find name 'AlertButtonComponent'.                                                                                         
Child html-webpack-plugin for "index.html":                                                                                      
    chunk    {0} index.html 285 bytes [rendered]                                                                                 
        [0] ./~/html-webpack-plugin/lib/loader.js!./src/index.html 285 bytes {0} [built]                                         
webpack: bundle is now VALID.                                                                                                    

import {Component} from 'angular2/core';

@Component({
  selector: 'my-app',
  templateUrl: '/src/components/app.component.html',
  directives:[AlertButtonComponent]
})
export class AppComponent {
}

import {Component} from 'angular2/core';

@Component({
  selector: 'my-alert-button',
  templateUrl: '/src/components/alert-button.component.html'
})
export class AlertButtonComponent {
  onClick():void{
    window.alert('Hello!');
    }
}

Answer 1

以下のクラス名追加で解決しました。
（最善かは分かっていませんが一旦進みました）

import {AlertButtonComponent} from './alert-button.component.ts';