Errors in IE11 when importing polyfills using es-abstract.
See original GitHub issueIs 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
- Create new app
- in index.js, on line 1,
import react-app-polyfill/ie11
- in index.js, on line 2,
import objectValues from 'object.values/polyfill'
- Open your app in IE11.
Expected Behavior
App would run.
Actual Behavior
App crashes.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:10 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I am seeing the same issue. I have started using @babel/polyfill instead as a workaround.
I also have this issue thanks to
react-app-polyfill/ie11
’s Symbol polyfill making my app not work in IE 11.