question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Errors in IE11 when importing polyfills using es-abstract.

See original GitHub issue

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.

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:2
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
ChristianOlssoncommented, Dec 17, 2018

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

1reaction
thecristencommented, Dec 3, 2018

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

React app not rendering in IE 11 even with polyfills
For the sake of testing, I created a dummy app using npx create-react-app and attempted to launch on IE 11/Edge. Installing 'react-app-polyfill' ...
Read more >
IE11 and the Missing Polyfills - DEV Community ‍ ‍
TypeError: Object.entries is not a function. (In 'Object.entries(O)', 'Object.entries' is undefined). Tagged with webpack, webdev, ...
Read more >
Polyfills - PnP/PnPjs
Because the latest version of SearchQueryBuilder uses Proxy internally you can fall back on the older version for IE 11 as shown below....
Read more >
How to load polyfills only when needed
With polyfill.io, you add a single script in front of your bundle: ... and Promise – and don't want to burden IE11 users...
Read more >
How to Support IE11 Users as You Move to Angular 13 - Bitovi
There are two ways you can support IE 11 with Angular 12 as you prepare ... Polyfills are applied in this order: Browser...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found