Что не так в простейшем веб-приложении на Angular 2 (TypeScript)?

Question

[Иннокентий Иванов]

Имею компонент EventListComponent

import { Component } from 'angular2/core';

@Component ({
    selector: 'el-events',
    templateUrl: 'app/events/event-list.component.html'
})

export class EventListComponent {
    pageTitle: string = 'Events List';
}

Который должен отображаться в AppComponent

import { Component } from 'angular2/core';
import { EventListComponent } from './events/event-list.component';

@Component({
    selector: 'events-app',
    template: `
    <div>
        <h1>{{pageTitle}}</h1>
        <el-events></el-events>
    </div>`,
    directives: [ EventListComponent ]
})

export class AppComponent {
    pageTitle: string = 'Local Events App';
}

Директивы, селекторы, импорты/экспорты и, в общем, декоратор настроил верно.
Да, я юзаю версию ангуляра с директивами, в образовательных целях, разумеется.

Но страница не отображается, в консоли браузера ошибка:

Структура кода: