Tengo una aplicación hecha en React JS la cual corre perfecta en todos los navegadores, excepto... si !! excepto en IE11 al revisar me percate que se debe a la api fetch()
que no soporta este browser dado lo anterior, comence a buscar en internet un polyfill que me permita obtener esta funcionalidad en IE11.
Termine encontrando varios, pero me llamo la atención este whatwg-fetch
que es el que más se ocupa e indican en las documentaciones oficiales, lo instale y lo agrege en la parte superior (line first) introducir el código aquí
de mi archivo donde tengo mi fetch()
import 'whatwg-fetch'
fetch(...)
Cuando lo ejecute con npm run start
lo probé en IE11 y no funciono, probe la version compilada para producción corriendo npm run build
pero tampoco funciono el polyfill.
¿Que es lo que estoy haciendo mal al usarlo, o como se usa correctamente? Ya que en la documentación solo indican que se debe usar de esa misma forma.
RESUELTO 1RA PARTE
Finalmente pude resolver el problema usando lo siguiente. Siempre importados en la parte superior del archivo donde se va a usar.
import 'whatwg-fetch'
import 'promise-polyfill/src/polyfill'
NUEVO PROBLEMA
Ahora un nuevo problema en el que me enfrento es como decidir en que momento usar el polyfill
para cuando este navegando en IE11 que se ejecuten los scripts
Tenia esto...
if (!window.fetch) {
// ejecutar polyfill...
} else {
// ejecutar fetch...
}
Y la condición funciona bien, pero como cargo los import
acá...