Angular 2 unused Class

Разбираю примеры на сайте документации https://angular.io/docs/ts/latest/guide/user-input.html И не получается подключить компонент app/click-me.component.ts Вот код который я ввел в app/click-me.component.ts :

import { Component } from '@angular/core';
@Component({
    selector: 'click-me',
    template: `
    <button (click)="onClickMe()">Click me!</button>
    {{clickMessage}}`
})
export class ClickMeComponent {
    clickMessage = '';
    onClickMe() {
    this.clickMessage = 'You are my hero!';
    }
}

И подключил в index.html селектор <click-me></click-me> Тем не менее ничего не произошло, и в добавок класс ClickMeComponent подсвечивается как не активен, а ide пишет что он unused. Так же в main.ts добавил import { ClickMeComponent } from './click-me.component'; и эта строка тоже светится как не активна.