1
resposta

AuthGuard - App não compila mais

Após esta aula meu site não abre mais e vários erros estranhos estão aparecendo no console.

ERROR in ./src/app/core/auth/auth.guard.ts
Module parse failed: Unexpected token (26:37)
You may need an appropriate loader to handle this file type.
| ("@angular/router").ActivatedRouteSnapshot, state;
| import("@angular/router").RouterStateSnapshot;
| boolean | import("rxjs").Observable( | Promise < boolean > {
|     console: .log("ativou guarda de rota"),
|     return: true
i 「wdm」: Failed to compile.

Meu AuthGuard:

@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
    constructor(private userService: UserService) { }

    canActivate(route: import("@angular/router").ActivatedRouteSnapshot, state: import("@angular/router").RouterStateSnapshot): boolean | import("rxjs").Observable<boolean> | Promise<boolean> {
        console.log("ativou guarda de rota");
        return true;
    }
}
1 resposta

Boa noite, Ana! Como vai?

O correto seria fazer como visto na aula!

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

import { UserService } from '../user/user.service';

@Injectable({ providedIn: 'root'})
export class AuthGuard implements CanActivate {

    constructor(
        private userService: UserService) {}

    canActivate(
        route: ActivatedRouteSnapshot, 
        state: RouterStateSnapshot): boolean | Observable<boolean> | Promise<boolean> {

            console.log('ativou guarda de rota');
            return true;
    }
}

Qualquer coisa é só falar!

Grande abraço e bons estudos, minha aluna!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software