Time-tracking-dashboard | Pixel perfect | Responsive | Sass

Community feedback

• 

  P

  webdevbynight•410

  @webdevbynightPosted about 1 month ago

  To try to resolve your bug with the loading of data.json, since, when previewing your page, the console tells it failed to load the resource and the server responded with a 404 status, you should try to contact the support at Netlify or to check if Netlify accepts JSON files and API fetching with relative URLs.

  When fetching JSON data, you should check if the response returned by the Fetch API does not include a 404 status or a ok property set to false before returning the response, like this:

  fetch("./js/data.json")
    .then((response) => {
      if (!response.ok || response.status !== 200) throw new Error(`Status error: ${response.status}`);
      return response.json();
    })
    .catch((error) => console.error(error.message));
  

  By the way, if it is fine to use .then() and .catch() methods, you can use async/await (have a look at my solution to see how to use).

  I hope this helps you.

  0