Fetch is undefined on IE11 when authenticating with cognito

Question

I have an ember app where I log on and it authenticates me using ember-cognito and ember-simple-auth.

this.get('sessionService').authenticate('authenticator:cognito', credentials).then(() => {
         console.log('authenticated');
    }).catch(( reason ) => {

        console.log(reason);
    });

This works on every browser except ie which i get the error 'fetch is not defined'.

This appears in the catch section which means cognito is trying to use fetch.

I have been looking into this but cant find a solution for my scenario.

score 1 · Accepted Answer · answered May 07 '19 at 12:07

1

Just include isomorphic-fetch as polyfill to make it work on unsupported browsers.

https://github.com/matthew-andrews/isomorphic-fetch

answered May 07 '19 at 12:07

Adeel Imran

13,166
8
62
77

I tried this but its not working with ember and my example :/ – Will Daniels May 07 '19 at 12:08
This might help your case particularly for ember https://github.com/ember-cli/ember-fetch – Adeel Imran May 07 '19 at 12:09
i have installed this and its still saying fetch is not defined – Will Daniels May 07 '19 at 12:19
1

it is working now, i had to set window.fetch to ember-fetch. thanks :) – Will Daniels May 07 '19 at 12:22

score 0 · Answer 2 · answered May 07 '19 at 12:25

0

Please install isomorphic-fetch polyfill :

npm install --save isomorphic-fetch es6-promise

For more info visit here

answered May 07 '19 at 12:25

Murtaza Hussain

3,851
24
30

Fetch is undefined on IE11 when authenticating with cognito

2 Answers2