Beim Abrufen aus einer lokalen JSON-Datei werden keine Daten zurückgegeben. Die Funktion wird nicht mehr ausgeführt, wen ⇐ HTML

[Guest]

Es wird versucht, ein JSON-Array aus einer lokalen JSON-Datei abzurufen. Die Funktion läuft einwandfrei, wenn der Abruf nicht vorhanden ist, aber sobald ich den Abruf hinzugefügt habe, wird die Funktion überhaupt nicht mehr ausgeführt. Ich habe oben in der Funktion ein Konsolenprotokoll hinzugefügt, das nicht angezeigt wird, wenn der Abruf hinzugefügt wird.
Im Grunde habe ich mehrere verschiedene Abrufmethoden ausprobiert habe es mit nein .then() versucht, ich habe die gleiche Methode wie in meinem anderen Projekt mit einem JSON-Array in einer lokalen Datei verwendet und habe wiederholt das gleiche Ergebnis erzielt. Die Funktion führt nicht einmal ein Konsolenprotokoll aus. Kann ich irgendwo einen Fehler gemacht haben?
Bitte sehen Sie sich meinen Code unten an:
HTML:

Code: Select all

JavaScript:

Code: Select all

async function sortLocations() {
console.log('1')

let loc1 = await fetch("locations-test.json", {
method: "GET",
headers: {
Accept: "application/json"
}
})
.then(response => response.json())
.then(response => console.log(JSON.stringify(response)));

console.log('2')

\\ ... Code to use the fetched data ...

Das abzurufende JSON-Beispiel: (...) hat das gleiche Format wie das Beispiel

Code: Select all

[
{...},
{...},
{...},
{
company: "text",
banner: "text",
icon: "text",
locations: [
{
name: "text",
img: "text",
latLong: [num, num],
address: "text",
postcode: "text",
tenants: [
{
company: "text",
banner: "text",
icon: "text"
}
]
}
]
},
{...},
{...}
]