Scripting 角度JS 2-单击评估期间出错

我正在学习Udemy中关于Angular JS的教程，并面临这个问题

我的app.component.ts代码

import {Component} from 'angular2/core';
import {CoursesComponent} from './courses.component'
import {AuthorComponent} from './author.component'
import {FavouriteComponent} from './favourite.component'
@Component({
selector: 'my-app',
template: `
            <h1>Hello Kuttu</h1><courses></courses><authors></authors>
            <fav></fav>
            `,
directives: [CoursesComponent,AuthorComponent,FavouriteComponent]    
})
export class AppComponent {      
}

犯了一个愚蠢的错误

收藏夹组件（）{

类名中有一个（）并且由于我的编辑器不能进行编译，我错过了这个错误

import {Component} from 'angular2/core'
@Component({
selector: 'fav',
template: `
        <i
            class="glyphicon"
            [class.glyphicon-star-empty]="!isFavourite"
            [class.glyphicon-star]="isFlag" 
            (click)="onBClick()"
        >
        </i>
        `
})
export class FavouriteComponent(){
isFavourite = false;
onBClick(){
    this.isFavourite = !this.isFavourite;
}
}

EXCEPTION: Error during evaluation of "click"
angular2.dev.js:23083 EXCEPTION: Error during evaluation of "click"
BrowserDomAdapter.logError @ angular2.dev.js:23083
BrowserDomAdapter.logGroup @ angular2.dev.js:23094