Ошибка: (SystemJS) Не удается разрешить все параметры для ActivatedRoute: (?,?,?,?,?,?,?,?)

Я пытаюсь добавить компонент ActivatedRoute в свой компонент, чтобы получить доступ к идентификатору объекта, который я редактирую (или узнать, нет идентификационного параметра, нового объекта).

Я создал только шаблон для компонента, и когда я загружаю стартовую страницу (а не событие на странице с компонентом, который я хочу использовать), я получаю следующую ошибку:

Ошибка: (SystemJS) Не удается разрешить все параметры для ActivatedRoute: (?,?,?,?,?,?,?,?).

Это мой код:

import { Component, OnInit } from '@angular/core';

import { ActivatedRoute} from "@angular/router";

@Component({
    selector: 'my-edit',
    templateUrl: './templates/my-edit.htm',
    providers: [ActivatedRoute]
})

export class MyEditComponent implements OnInit {

    constructor(private route : ActivatedRoute){
        console.log(route.params)
    }

    ngOnInit() : void {
    }

}

Он основан на коде из примера с сайта AngularJS (Heroes), и я действительно не понимаю, где проблема здесь... Не могу ли я импортировать ActivatedRoute в компонент, или мне нужно что-то дополнительное, чтобы иметь возможность импортировать это?

Моя конфигурация маршрутизации:

@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]
})
export class AppRoutingModule {}

где routes - это набор маршрутов, как в примере angular, а AppRoutingModule импортируется в app.module.

Ответ 1

Удалите providers: [ActivatedRoute] из @Component(), в этом нет необходимости. RouterModule.forRoot() уже предоставляет все, что требуется.