Amplify-js: ES6 arrow function syntax breaking Internet Explorer 11 (IE11)

Created on 27 Apr 2020 · 13Comments · Source: aws-amplify/amplify-js

Describe the bug

Amplify does not work in Internet Explorer 11. It's possible this was broken by a dependency like @aws-sdk. It's unclear how to restore IE11 support to an application implementing Amplify.

To Reproduce

Repro available here: https://github.com/sawyerh/amplify-nextjs-ssr

Expected behavior
It's unclear what the official browser support is for Amplify, however the Amplify SDK previously worked in IE 11, and according to this comment AWS is still supporting IE11.

Screenshots

What is Configured?

"dependencies": {
    "aws-amplify": "3.0.9",
    "aws-amplify-react": "4.1.8",
    "next": "9.3.5",
    "react": "16.13.1",
    "react-dom": "16.13.1"
  }

aws-sdk-js bug

Source

sawyerh

👍5 👀3

Most helpful comment

it seems there is one more package that got missed which targets ES2016 output https://github.com/aws/aws-sdk-js-v3/blob/v1.0.0-gamma.2/packages/middleware-serde/tsconfig.json#L3
I'll create an issue with aws-sdk to get this prioritized.

Amplifiyer on 27 May 2020

👍2

All 13 comments

Same as https://github.com/aws-amplify/amplify-js/issues/5405
The issue is with an upgrade of underlying aws-sdk that is exporting the package with ES2016 syntax https://github.com/aws/aws-sdk-js-v3/blob/v1.0.0-beta.5/packages/middleware-serde/tsconfig.json#L3 and there is an open issue related to this https://github.com/aws/aws-sdk-js-v3/issues/1099

Amplifiyer on 28 Apr 2020

I have the same issue, is there an older version that didn't had this problem?

petrachemarin on 30 Apr 2020

Awaiting a version bump for https://www.npmjs.com/package/@aws-sdk/eventstream-serde-browser

ericclemmons on 1 May 2020

Having same issue.
@ericclemmons
How long till the version bump?

slavco86 on 10 May 2020

Still an issue, I think. :/

  "dependencies": {
    ...
    "aws-amplify": "~3.0.12",
    "aws-amplify-angular": "~5.0.12",
    ...
  }

jonasduever on 26 May 2020

Amplifiyer on 27 May 2020

👍2

https://github.com/aws/aws-sdk-js-v3/pull/1245 has been merged - looks like this problem will be solved soon 👍

jonasduever on 7 Jun 2020

👍1

I bumped aws-amplify version up to 3.0.18, but still getting the same error.

I've also tried a variety of polyfills:

import "babel-polyfill"; 
import "promise-polyfill";
import "core-js/es/typed-array/uint32-array";
import "core-js/es/array/find";
import "core-js/es/object/assign";
import "core-js/es/object/entries";

Still not working. Any help would be appreciated!

simmbiote on 23 Jun 2020

https://github.com/aws/aws-sdk-js-v3/issues/1319
The issue should be fixed in latest aws sdk v1.0.0-gamma.3 release (https://github.com/aws/aws-sdk-js-v3/releases/tag/v1.0.0-gamma.3

KwFung7 on 9 Jul 2020

I ended up removing this package and using a different solution for logging in AWS Cognito users

Amazon Cognito Auth (https://www.npmjs.com/package/amazon-cognito-auth-js)
It works in IE 11.

simmbiote on 16 Jul 2020

"Amazon Cognito Auth" ^ is already archived. The module doesn't support PKCE, so I'd stick with amplify-js.

As it's mentioned, the latest aws sdk v1.0.0-gamma.3 release has the bugfix. It is now tagged to gamma. I resolved this issue by installing @aws-sdk/middleware-serde@gamma.