unable to load local JSON file

Question

I am trying to load JSON locally but it give me error of file not found (404). I have tried following

renaming the json file
trimming down JSON to see if there was a error there

Following is my folder structure and my JSON


    {
        "id": "1",
        "name": "Lorem, ipsum.",
        "image": "./src/assets/1.jpg",
        "desc": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam, neque."
    }

Error

What tool is this? Where is the code running? Are you wanting to run this in a web-browser, a local console, or `nodejs`? — Dai, Jan 12 '21 at 10:17
Look in the network tab and click response - it is likely an HTML 404 file try removing the `./` you have some weird chars in front of that anyway — mplungjan, Jan 12 '21 at 10:20
Please post code instead of pictures of code. Also look in the network tab to see if the path reflects reality — mplungjan, Jan 12 '21 at 10:52
@localhost the file you are trying to load. `fetch("\`>./local_data.json")` — Craicerjack, Jan 12 '21 at 11:21

score 0 · Answer 1 · answered Jan 12 '21 at 10:45

Relative URLs, in client-side JavaScript, are resolved relative to the URL of the HTML document the script is running in.

They are not resolved relative to the URL of the JS file.

Your JSON file is in the same directory as the JS file, but the URL you are asking for is looking for it in the same directory as the HTML file… which is one level up.

unable to load local JSON file

1 Answers1