ES6 `fetch is undefined`

Question

I'm building a site with ES6 and Babel.

In a script file, I need to make an ajax call to a service on server. For that I'm doing like this:

fetch('url').then(     response => response.json() ).then(     supervisoryItems => doSomething(supervisoryItems) ) 

In Google Chrome this works just fine, but it does not work on Firefox or IE (I'm getting the error fetch is undefined). Searching on Google I found this should fix it:

import promise from 'es6-promise' promise.polyfill() 

Sadly it does not change anything, I have the same issue. Any help?

Answer 1

You need to add the 'isomorphic-fetch' module to your 'package.json' and then import this.

npm install --save isomorphic-fetch es6-promise 

Then in your code

import "isomorphic-fetch" 

See https://www.npmjs.com/package/isomorphic-fetch

Answer 2

I will use the two following cdn like this:

<script src="//cdn.jsdelivr.net/bluebird/3.5.0/bluebird.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.js"></script>