Nuxt.js: Occurs in the IE browser: objects do not support the find property or method

Created on 22 Jun 2017 · 4Comments · Source: nuxt/nuxt.js

Error method replication

Parent component：a.vue

Subcomponents：ab.vue

ab.vue

this.$emit('increment')

a.vue

methods: {
incrementTotal: function () {
this.total += 1
}
}

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

Source

caiyuncheng

Most helpful comment

Ok, @akmur suggested working solution.
You need to add polyfill for the array methods. It can be done via script tag (that is the solution I tested now and works for me), but it should be also possible as a plugin via webpack.
Just add

module.exports = {
  head: {
    script: [
      { src: 'https://cdn.polyfill.io/v2/polyfill.js?features=String.prototype.includes,Array.prototype.find,Promise' }
    ],
  }
}

to your nuxt.config.js

After I fixed this issue, I encountered Explorer errors about some other array methods, so I will probably go for some general polyfill, but maybe this solution will be enough for you.

halas on 23 Jun 2017

👍3

All 4 comments

I guess you are not using vuex? I have similar issue, but I don't use $emit only vuex to handle state, and from some initial research have hypothesis that this is vome .find method in vuex used (while it it is not supported in any IE - see browser compatibility here: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find

But hadn't fund direct culprit yet.

halas on 23 Jun 2017

module.exports = {
  head: {
    script: [
      { src: 'https://cdn.polyfill.io/v2/polyfill.js?features=String.prototype.includes,Array.prototype.find,Promise' }
    ],
  }
}

to your nuxt.config.js

After I fixed this issue, I encountered Explorer errors about some other array methods, so I will probably go for some general polyfill, but maybe this solution will be enough for you.

halas on 23 Jun 2017

👍3

Ok, just tried clean starter app, then run npm run generate (just adding custom router base in nuxt.config.js) and in IE 12 and below there is this error in console:
Object doesn't support property or method 'find'
Tested in BrowserStack
See yourself at: http://hadora.xyz/test-nuxt/

halas on 23 Jun 2017

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.