Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Erro projeto completo

Boa tarde, Eu baixei o projeto completo da parte 4 do curso, porém quando tento executar ocorre vários erros.

ERROR in src/app/shared/components/loading/loading.interceptor.ts(27,13): error TS2322: Type 'Observable<{} | HttpProgressEvent | HttpSentEvent | HttpHeaderResponse | HttpResponse | Http...' is not assignable to type 'Observable<HttpEvent>'. Type '{} | HttpProgressEvent | HttpSentEvent | HttpHeaderResponse | HttpResponse | HttpUserEvent<a...' is not assignable to type 'HttpEvent'. Type '{}' is not assignable to type 'HttpEvent'. Type '{}' is not assignable to type 'HttpUserEvent'. Property 'type' is missing in type '{}'.

o método está assim: intercept(req: HttpRequest, next: HttpHandler): Observable<HttpSentEvent | HttpHeaderResponse | HttpProgressEvent | HttpResponse | HttpUserEvent> {

        return next
            .handle(req)
            .pipe(tap(event => {
                if(event instanceof HttpResponse) {
                    this.loadingService.stop();
                } else {
                    this.loadingService.start();
                }
            }))
            .pipe(catchError(err => {
                this.loadingService.stop();
                throw err;
            }));
}
5 respostas

Boa tarde, Viviane! Como vai?

Vc está utilizando as mesmas versões do Node e do Angular utilizadas durante o curso?

Sim. Esse é o package.json:

{ "name": "alurapic", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^6.0.3", "@angular/common": "^6.0.3", "@angular/compiler": "^6.0.3", "@angular/core": "^6.0.3", "@angular/forms": "^6.0.3", "@angular/http": "^6.0.3", "@angular/platform-browser": "^6.0.3", "@angular/platform-browser-dynamic": "^6.0.3", "@angular/router": "^6.0.3", "@types/stacktrace-js": "0.0.32", "bootstrap": "^4.1.1", "core-js": "^2.5.4", "font-awesome": "^4.7.0", "jwt-decode": "^2.2.0", "rxjs": "^6.0.0", "stacktrace-js": "^2.0.0", "zone.js": "^0.8.26" }, "devDependencies": { "@angular/compiler-cli": "^6.0.3", "@angular-devkit/build-angular": "0.6.6", "typescript": "2.7.2", "@angular/cli": "6.0.7", "@angular/language-service": "^6.0.3", "@types/jasmine": "2.8.6", "@types/jasminewd2": "2.0.3", "@types/node": "8.9.4", "codelyzer": "4.2.1", "jasmine-core": "2.99.1", "jasmine-spec-reporter": "4.2.1", "karma": "1.7.1", "karma-chrome-launcher": "2.2.0", "karma-coverage-istanbul-reporter": "2.0.0", "karma-jasmine": "1.1.1", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "5.3.0", "ts-node": "5.0.1", "tslint": "5.9.1" } }

Beleza! Vc poderia compartilhar o seu projeto completo no github e mandar o link aqui? Assim poderei dar uma olhada melhor no que está acontecendo.

Outra coisa importante: em que momento esse erro ocorre? O que vc tenta fazer na aplicação que gera esse problema?

O problema está na linha do throw err;

sim, como faço para compartilha o projeto?

Outra coisa importante: em que momento esse erro ocorre? O que vc tenta fazer na aplicação que gera esse problema? R: Esse problema acontece quando abro o projeto e tento compilar.. ele da erro no loading.interceptor por causa do throw err;