Nuxt.js: SSR only serves static page, never hydrates in IE11.

[peitalin]

I'm running a basic nuxt.js website, works perfect on Chrome, Safari, Firefox and Edge.
One issue:
On IE11, it seems to only serve the static page, and the javascript bundle never hydrates the static page.

Any insight into how I might get around this issue?
Should I look into generating a static site or???

_{This bug report is available on Nuxt.js community (#c582)}

[sebastianmacias]

How did you solve the issue?

[peitalin]

I convinced my boss that we didn't have to support ie11.

[peitalin]

I don't think this is a SSR issue.
The reason is because I tried generating a static bundle and serving the site with a koa server.
The same thing happened: index.html loads on IE11, but the javascript bundles were not being loaded.
My guess is that there is something in the _nuxt/nuxt.bundle.js files that IE11 doesn't like.

[nathanchase]

Maybe IE is in need of a polyfill? Probably Map/WeakMap, MutationObserver, requestAnimationFrame, or Promises.

I know when I was trying to get Aurelia building/executing in various permutations of IE, those were the culprits, so I imagine it might be the same in Vue.

[max-schu]

i reckon you use babel-polyfill together with useBuiltIns option in babel preset – it's not a nuxt issue.

[NicoPennec]

Vuex requires a Promises polyfill on IE11...

Check the following IE11 trace error, on click:

[peitalin]

Yes, it was a polyfill issue. Adding in:

  build: {
    vendor: [
      'babel-polyfill'
    ],
    babel: {
      plugins: [
          ...
      ]
    },
  },

to my nuxt.config.js file, and adding require("babel-polyfill"); to layout/default.vue resolves this issue.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.