Search code examples
internet-explorerinternet-explorer-11page-refreshpolyfills

Problem: Need to refresh pages for Polyfill.io to work

The polyfills are working great at making my website works wit IE, but not on the first load. I need to refresh every pages every time to get Polyfill.io to works in IE 11. All you're supposed to need to get it to work is this script tag:

<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=es2015"></script>

Pretty hard to recreate my problem with the snippet tool, so if you don't mind using my website to recreate it, it would be very appreciated. Link to my website

Otherwise here's a video of what is happening. Video showing Polyfill.io needing a refresh on each page

I am unfortunately not very familiar with this, but I feel so close to goal and also want my website to works in IE. What am I doing wrong?

Solution

  • I found that you set IE=8 in meta tag in your website. If I set document mode to 11 in F12 dev tools, the website can run well in IE 11:

    enter image description here

    So you could try to change IE=8 into IE=Edge in meta tag, which means using <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> and test again.