“fetch” is undefined and “localStorage” is undefined , on using eslint-config-airbnb in react.js

Question

I want to modify my code structure using eslint of airbnb. I have follwed these instruction given in eslint-config-airbnb . After initiating the command npm run lint , results consists of 'fetch' is not defined and also, 'localStorage' is not defined .

I have gone through this github issue , but still error is shown as the same 'fetch is not defined' . Is there any solutions for it.

Answer 1

You can configure your .eslintrc file with globals .

Add this to your .eslintrc file.

"globals": {
        "localStorage": true,
        "fetch": true
    }

Answer 2

No need to add it as an exception, just add this to your .eslintrc and eslint will know what it is:

  "env": {
    "browser": true
  }

Answer 3

you can try to access to the fetch and localStorage through window object.

window.fetch , window.localStorage