Nuxt.js: IE11 vuex requires a Promise polyfill

[ezhkov]

I got this error when tried to open builded nuxt application in IE 11. I tried to implement babel-polyfill or es6-promise, but with no luck.

How to implement Promise polyfill for IE?

_{This question is available on Nuxt.js community (#c422)}

[vuchl]

Maybe with this: https://polyfill.io/v2/docs/features/#Promise

[ezhkov]

How to properly include it in application?

[KonstantinVlasov]

Hi, @ezhkov!

I fix IE11 problems with babel-polyfill:
nuxt.config.js

build: {
    vendor: [
      'babel-polyfill'
    ]
}

don't forget to: npm install babel-polyfill

[KonstantinVlasov]

Sorry, don't sure if it resolve promise errors. I'm using it for Symbol.

[ezhkov]

Konstantin, great solution. Thanks.
I found another one

build: {
        extend(config, { isClient }) {
            if (isClient) {
                config.entry.vendor.push('babel-polyfill')
            }
        }
    }

I like yours much more )

[laterne]

Would it possible to do feature detection in nuxt and load a built vendor bundle with only the libraries needed?
like:

if (!window.fetch && !window.Promise) {
  //load vendor bundle with fetch and promise polyfill included
}
if (!window.Promise) {
  //load vendor bundle with only promise pollyfill included
}
//and so on

The vendor builds could be lighter. yepnope suggested this technique in their deprecation notice.

This could be extended to not load any js at all if not supported: BBC coined the term Cutting the mustard.

I think this would be a great option to extend the already great progressive enhancement functionality of nuxt.

[KonstantinVlasov]

Hi, @laterne! I think it's could be a good feature request, but probably you should create a new 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.