Olá. Fiz conforme o instrutor passou no curso (neste vídeo https://cursos.alura.com.br/course/angular-fundamentos/task/38532) porém o código não funcionou para mim. No próprio code ele marca em vermelho o ";" desta parte: "const API = 'http://localhost:3000'; "
É do arquivo photo.service.ts
import { HttpClient } from "@angular/common/http";
import { Injectable } from '@angular/core';
const API = 'http://localhost:3000';
@Injectable({ providedIn: 'root' })
export class PhotoService {
constructor(private http: HttpClient) {}
listFromUser(userName: string) {
return this.http
.get<Object[]>(API + '/' + userName + '/photos');
}
}
E no console do navegador me retorna o seguinte:
2client:88 [WDS] App updated. Recompiling...
client:200 [WDS] Errors while compiling. Reload prevented.
errors @ client:200
onmessage @ socket.js:40
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:887
SockJS._transportMessage @ sockjs.js:885
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2961
wrapFn @ zone-evergreen.js:1191
invokeTask @ zone-evergreen.js:391
runTask @ zone-evergreen.js:168
invokeTask @ zone-evergreen.js:465
invokeTask @ zone-evergreen.js:1603
globalZoneAwareCallback @ zone-evergreen.js:1629
client:209 src/app/photos/photo/photo.service.ts(4,36): error TS1127: Invalid character.
Então procurando nos fóruns eu achei um código diferente e o testei, e deu certo:
import { HttpClient } from "@angular/common/http";
import { Injectable } from '@angular/core';
@Injectable({ providedIn: 'root' })
export class PhotoService {
private API = 'http://localhost:3000'
constructor(private http: HttpClient) {}
listFromUser(userName: string) {
return this.http
.get<Object[]>(this.API + '/flavio/photos');
}
}
Porque o meu código não rodou? Não entendi o que estava errado. E também não entendo o porque deste aqui dar certo.