CODEWITHSUNDEEP
javascriptsafarifetch-api
zlwaterfield
zlwaterfield

Reputation: 841

fetch not defined in Safari (ReferenceError: Can't find variable: fetch)

For some reason fetch (https://fetch.spec.whatwg.org/) is not defined in Safari (Version 9.0.3), does anyone know why? It seems to be the standard and works fine in Chrome and Firefox. Can't seem to find anyone else having the same issue

I am using react with redux and here is some example code:

export function fetchData (url) {
  return dispatch => {
    dispatch(loading())
    fetch(url, {
      method: 'GET'
    })
    .then(response => {
      response.json()
      .then(data => {
        dispatch(success(data))
      })
    })
  }
}

Upvotes: 24

Views: 20798

Answers (2)

Александр Янковский
Александр Янковский

Reputation: 49

Use whatwg-fetch polyfill. If you use webpack, you could just add it to entry point

entry: {
  app: ['whatwg-fetch', 'your-index.js']
}

Upvotes: 4

Dmitriy
Dmitriy

Reputation: 3765

You can use https://github.com/github/fetch polyfill for unsupported browsers.

npm install whatwg-fetch --save;

Edit: (per the comments)

add 

import 'whatwg-fetch';

in each file before using fetch – oliviergg

Upvotes: 39

Related Questions