You need to enable javascript to run this app response when try to access local json file in react

Question

error message I am trying to access a local .json file using fetch() like

fetch('fakedata.json')
  .then((res) => res.json())
  .then((data) => {
    console.log('data:', data);
  })

But when i saw in the network it is showing

You need to enable javascript to run this app

I check in some other pages but i cant fix this issue. How to fix this issue

Answer 1

I am not sure what you mean by trying to access a local json file. You can not access files on the device that runs the webpage if that is what you mean by local files. You can only access to files that are on the webserver that is serving your applications which are in directory of your application. I assume the second case and assume you have file called fakedata.json at the top directory of your application. In order to access that file you can use import as following:

import myJsonFile from "./fakedata.json"

If you want to use fetch to dynamically load, you should put ./ at the beginning as

fetch('./fakedata.json')

so that it fetches a file called fakedata.json which is located at the root directory.

Answer 2

I was facing similar issues.

I had put the below code just after app.use

app.get('/*', (req, res) => {
   res.sendFile(path.join(__dirname, '/../', 'build', 'index.html'));
});

which served all the API requests directly.

Maybe this can help others facing this issue.