angular - Angular2 : Impossible de résoudre tous les paramètres lors de l'injection d'un service dans un garde


Je mets à jour mon application Angular2 vers RC.7 et je rencontre un problème avec mon guard qui vérifie la permission d'un utilisateur avant de permettre l'accès à la page. Pour l'instant, j'ai simplifié le guard pour qu'il retourne toujours true et ça ne fonctionne toujours pas - on dirait qu'il ne trouve pas mon appStateService, alors que je l'ai injecté dans d'autres composants et services de mon application et que cela fonctionne correctement là-bas.

Code de surveillance :

import { Inject, Injectable } from '@angular/core';
import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';

import { AppStateService } from '../../appState';

@Injectable()
export class MonitorPermissionGuard implements CanActivate {

constructor(private appStateService: AppStateService, private router: Router) {}

canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    console.log('guard called');
    return true;
}

}

Mon fichier app.module.ts contient à la fois AppStateService et MonitorPermissionGuard ajoutés au tableau des fournisseurs.

Je reçois l'erreur suivante dans ma console lorsque j'exécute l'application :

metadata_resolver.js:523 Uncaught Error: Can't resolve all parameters for MonitorPermissionGuard: (?, Router).

Je ne suis pas sûr de ce qui se passe ici parce que j'ai utilisé le appStateService dans toute l'application sans problème.

Merci

ÉDITER : Code pour AppStateService

@Injectable()
export class AppStateService {

public appState: AppStateModel;

constructor() {
    this.appState = new AppStateModel();
}

toggleSidenav() {
    this.appState.sidenavExpand = !this.appState.sidenavExpand;
}

clearSidenav() {
    this.appState.sidenavButtons = new Array<SidenavButton>();
}

addSidenavLink(buttonText: string, iconClass: string, route: string) {
    let sidenavButton: SidenavButton = new SidenavButton(buttonText, iconClass, route);
    this.appState.sidenavButtons.push(sidenavButton);
}

setPageTitle(pageTitle: string) {
    this.appState.pageTitle = pageTitle;
}

hasPermission(feature: string) {
    return this.appState.userPermissions[feature];
}

giveFeaturePermission(feature: string) {
    this.appState.userPermissions[feature] = true;
}

recantFeaturePermission(feature: string) {
    this.appState.userPermissions[feature] = false;
}

showInfo(message: string) {
    this.showMessage('INFO', message);
}

showWarning(message: string) {
    this.showMessage('WARNING', message);
}

showError(message: string) {
    this.showMessage('ERROR', message);
}

private showMessage(type: string, message: string) {
    this.appState.appMessage.type = type;
    this.appState.appMessage.message = message;
    this.appState.isMessageShown = true;
    setTimeout(() => { this.appState.isMessageShown = false; }, 2000);
}

}