Question

我有一个AuthGuard.service.ts的代码如下。

import { Injectable } from '@angular/core';
import { ActivatedRoute, CanActivate } from '@angular/router';
import { userLoginService } from './userLoginService';
export class AuthGuard implements CanActivate {
    constructor(private service: userLoginService) { }
    canActivate() {
        if (this.service.IsloggedIn()) {
            return true;
        } else {
            window.alert(' You are not logged in.Please LogIn ');
            return false;
        }
    }

}

在userLoginService.ts中，我的代码如下

export class userLoginService {
    constructor() {}
    IsloggedIn(): boolean {
        return false;
    }
}

我在我的路线中注入了这个AuthGuard.service.ts，如下所示。我还在NgModule的提供者中提供了这个服务名称。

    const appRoutes: Routes = [
      { path: '', component: HomePageComponent, pathMatch: 'full' },
      { path: 'CartItems', component: CartItemsComponent, pathMatch: 'full', canActivate: [ AuthGuard ]},
    ];
@NgModule({
.
.
.
 providers: [UserInfoService , AuthGuard],
.
.
.

现在执行此代码时，我收到如下错误。

Uncaught Error: Can't resolve all parameters for AuthGuard: (?).
    at syntaxError (compiler.js:466)
    at CompileMetadataResolver._getDependenciesMetadata (compiler.js:15547)
    at CompileMetadataResolver._getTypeMetadata (compiler.js:15382)
    at CompileMetadataResolver._getInjectableMetadata (compiler.js:15362)
    at CompileMetadataResolver.getProviderMetadata (compiler.js:15722)
    at eval (compiler.js:15633)
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver._getProvidersMetadata (compiler.js:15593)
    at CompileMetadataResolver.getNgModuleMetadata (compiler.js:15161)
    at JitCompiler._loadModules (compiler.js:33542)

请你知道我犯了什么错误。

Answer 1

我看到你导入了Injectable但你永远不会使用它!!

在您的AuthGuard.service.ts中。你应该在你的课程上面添加：@Injectable()，如：

@Injectable()
export class AuthGuard implements CanActivate {
    ...
}

Answer 2

未捕获的错误：无法解析AuthGuard的所有参数：（？）。在语法错误（compiler.js：431）在CompileMetadataResolver._getDependenciesMetadata中..............

我面对这个问题的时间太长了，只需按照以下步骤解决此错误即可。

请在“ app.component.ts”中添加这两行，您的问题将得到解决。

    import 'core-js/es6/reflect';

    import 'core-js/es7/reflect';

Answer 3

就我而言，我将防护文件移动到另一个目录。 Reng发球解决了我的问题。

无法解析AuthGuard的所有参数：在我的AuthGuard服务中

3 个答案: