This feels like déjà vu - yet another issue with Internet Explorer and webpack. I'm on the brink of deploying my project when IE 11 decides to mess everything up.
I thought I had covered all bases with babel-polyfill and the latest versions, but of course, it couldn't be that simple.
Now I'm faced with this error message:
The object doesn't support the property or method "includes". (Originally in German: Das Objekt unterstützt die Eigenschaft oder Methode "includes" nicht)
The problem seems to be related to this line of code:
/******/ if (!me.children.includes(request)) me.children.push(request);
It's clear that Array.prototype.includes is not being polyfilled as expected.
My webpack configuration for client-side rendering using Vue.js looks something like this:
module.exports = {
target: 'web',
entry: {
app1: ['babel-polyfill', 'picturefill', './src/entry-client1.js'],
app2: ['babel-polyfill', 'picturefill', './src/entry-client1.js']
},
output: {
path: path.resolve('public/dist'),
publicPath: '/dist'
}
/* some other stuff */
}
I am running Webpack version 4.1 and Vue version 2.5.15, encountering issues specifically with IE11.
If anyone has a working example of a webpack configuration that supports IE11, please share. I've given up on dealing with previous versions of IE at this point.