404s после обновления до systemjs-angular-loader.js

Question

Я обновляю свой проект Angular и решил удалить все экземпляры moduleId: module.id, как документы дали мне указание здесь: https://angular.io/docs/ts/latest/guide/change-log.html

Все упоминания moduleId удалены. Кулинарная книга "Относительные пути компонентов" удалена (2017-03-13)

Мы добавили новый плагин SystemJS (systemjs-angular-loader.js) в нашу рекомендуемую конфигурацию SystemJS. Этот плагин динамически преобразует "относительные компоненты" пути в templateUrl и styleUrls в "абсолютные пути" для вас.

Мы настоятельно рекомендуем вам писать только относительные компоненты. Это единственная форма URL, обсуждаемая в этих документах. Вам больше не нужно писать @Component({ moduleId: module.id }), как и вы.

Перед удалением moduleId: module.idЯ сделал следующие шаги:

1. Скачал файл systemjs-angular-loader.js и поместил его в мою папку src (того же уровня, что и systemjs.config.js)
2. добавленной loader: 'systemjs-angular-loader.js' в мой файл systemjs.config.js (попытался вставить больше кода, но по какой-то причине он не отформатировался)
3. Обновленная версия systemjs в файле package.json: "systemjs": "0.20.12",

После выполнения этих шагов и удаления moduleId: module.id из моего компонента, как ясно сказано в документации, я получил следующую ошибку:

ПОЛУЧИТЕ http://localhost:3000/checklists.component.html 404 (не найден)

Вот как выглядит этот компонентный код:

@Component({    
    selector: 'checklists',
    templateUrl: 'checklists.component.html'    
})

Почему я получаю 404 на мой HTML-файл? Я пропустил шаг?