ES6 `recupero non è definito`

Question

Sto costruendo un sito con ES6 e Babel.

In un file di script, è necessario effettuare una chiamata ajax a un servizio sul server. Per quel che sto facendo in questo modo:

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

In Google Chrome questo funziona bene, ma non funziona su Firefox o IE (sto ottenendo l'errore fetch is undefined). Ricerca su Google ho trovato questo dovrebbe risolvere il problema:

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

Purtroppo non cambia nulla, io ho lo stesso problema. Qualsiasi aiuto?

Answer 1

È necessario aggiungere il modulo 'isomorphic-fetch' al proprio 'package.json' e quindi importarlo.

npm install --save isomorphic-fetch es6-promise 

Poi nel codice

import "isomorphic-fetch" 

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

Answer 2

appena passato attraverso questa ultima notte. Alla fine, dopo aver provato ogni sorta di cose, la soluzione era abbastanza semplice:

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

divenne

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

TL; DR fetch (roba) dovrebbe essere finestra .fetch (roba) EDIT Questo ha funzionato per me su Chrome

Answer 3

Babel-polyfill (http://babeljs.io/#polyfill) al momento non include il recupero nel polyfill. Stavo pensando di aggiungerlo però.

Ma sì può usare https://github.com/github/fetch

Answer 4

userò i due seguenti dns in questo modo:

<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>