Código do curso não funciona

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.