Errors in IE11 when importing polyfills using es-abstract.

[JustinTRoss]

Is this a bug report?

Yes

If you import react-app-polyfill/ie11 before importing any shim/polyfill using es-abstract lib, you get an error in IE11 (possibly other browsers as well). Some example polyfills: object.entries, array-includes, object.values

Error: object doesn't support property or method Symbol(Symbol.iterator).9_<some-hash>
Location: es-abstract -> GetIntrinsic.js at line 56.
Workaround: import react-app-polyfill/ie11 after importing all shims/polyfills using es-abstract.

Environment

IE11, presumably anything IE.

Steps to Reproduce

1. Create new app
2. in index.js, on line 1, import react-app-polyfill/ie11
3. in index.js, on line 2, import objectValues from 'object.values/polyfill'
4. Open your app in IE11.

Expected Behavior

App would run.

Actual Behavior

App crashes.

[JustinTRoss]

The equivalent was filed with es-abstract: ljharb/es-abstract#39 .

[ljharb]

Seems like this might be the Symbol sham (since symbols can’t be fully polyfilled). If that’s the case, i can probably work around this in es-abstract, but a better solution would be not polyfilling Symbols at all.

[Timer]

I wonder if core-js v3 behaves differently. Maybe try this: zloirock/core-js#419 (comment)?

x-ref zloirock/core-js#262

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

[ljharb]

bump

[thecristen]

I also have this issue thanks to react-app-polyfill/ie11's Symbol polyfill making my app not work in IE 11.

[ChristianOlsson]

I am seeing the same issue. I have started using @babel/polyfill instead as a workaround.

[Timer]

Not sure of the best path forward here.

[ljharb]

I’ve been unable to reproduce this without CRA; see ljharb/es-abstract#39 (comment) - consistent repro steps with es-abstract and core-js in isolation should make it trivial to address.