Fehler: Uncaught (in Versprechen): Syntaxerror: unerwartetes Token <in JSON

Question

Ich habe einen Fehler habe, während meine Json-Datei Parsen, die auf https://jsonlint.com/

@Injectable() 
export class LightParserService{ 
    ITEMS_URL = "./lights.json"; 
    constructor(private http: Http) { 
    } 

    getItems(): Promise<Light[]> { 
    return this.http.get(this.ITEMS_URL).toPromise() 
    .then(resp => { 
     return resp.json() as Light[]; 
     }); 
    } 
} 

gültig ist, wenn ich meine Funktion in einer anderen Komponente verwenden:

lights : Light[] = []; 
getLights(): void{ 
     this.lightService.getItems().then(light => this.lights = light); 
    } 

auf meiner Website ich habe: Fehler: Uncaught (in Versprechen): Syntaxerror: unerwartetes Token < in JSON an Position 0

Wer weiß, wie dieses Problem beheben? Meine JSON-Datei ist gültig und mein Light-Objekt enthält gültige Felder, die ich nicht verstehe.

Answer 1

./lights.json wahrscheinlich zurückgegeben HTML anstelle von JSON, so dass Ihre resp.json() fehlschlägt. Sie können console.log(resp.text()) vor der return resp.json() as Light[]; Zeile hinzufügen, so dass Sie die rohe Antwort sehen können (oder Sie können es einfach in der Dev-Tools Netzwerk-Registerkarte loo)