Vue-dropzone: `3.5.7` release breaks IE11 usage

[DRoet]

Hi again,

just wanted to let you know that the latest release (3.5.7) doesn't work in IE11 when polyfilling. I'm using vue-cli 3.5.1 and added import '@babel/polyfill' to my main.js. vue2-dropzone version 3.5.2 does work using the same method.

Error thrown in IE11 is: https://docs.microsoft.com/en-us/scripting/javascript/misc/expected-colon but I can't tell you where exactly since the console in IE11 kinda sucks and it is only in the production bundle

Cheers,

Daan

[rowanwins]

Thanks for the report @DRoet

If I understand correctly if you add import '@babel/polyfill' to your application code then everything works? If that's correct then do you think it ought to be the responsibility of this library, or should the application be responsible for including @babel/polyfill?

Unfortunately (or fortunately!) I'm on mac so testing on IE is quite tricky for me.

[DRoet]

including the polyfill worked for version 3.5.2, but not for the newer version 3.5.7

edit: and yes in general it's up to the application to provide a polyfill if they want to support IE11 imo

[rowanwins]

Yeah so there were some slight changes to the build process between those versions, and I didn't realise they had such serious knock-on effects for things.

My preference would be to not include the polyfill as IE11 is very close to end of life, so I suggest we close this and hopefully if others run into it if they search the issues in this repo.

[shanestillwell]

Ran into the same exact problem after upgrading. Broken on IE11.
This error from IE11

SCRIPT1003: Expected ':'

I'm using vue-cli, the fix was to add this to vue.config.js

module.exports = {
  transpileDependencies: [
    'vue2-dropzone',
  ],
}

This tells Babel to transpile a module in node_modules which is generally ignores.

[duanp0128]

Ran into the same exact problem after upgrading. Broken on IE11.
This error from IE11

SCRIPT1003: Expected ':'

I'm using vue-cli, the fix was to add this to vue.config.js

module.exports = {
  transpileDependencies: [
    'vue2-dropzone',
  ],
}

This tells Babel to transpile a module in node_modules which is generally ignores.

It works fine in IE11, but throw an error in Chrome:
vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to mount component: template or render function not defined.

@shanestillwell

[aniolekx]

I can confirm I have the same error in IE11, I do not use Vue Cli so in order to transpile it - I have to copy it to my own vendor folder, which is pretty useless.

Is it possible that this issue will be fixed for IE11?

Is it true that these all packages in node modules should be properly transpiled?

Thanks.

[aniolekx]

In my project I am using webpack encore, and seems that following configuration with includeNodeModules can fix issue:
.configureBabel(() => {}, { useBuiltIns: 'usage', corejs: 3, includeNodeModules: ['vue2-dropzone'] })

[kopax]

What if I have the same error and do not use vuejs?