vue-svg-loader icon indicating copy to clipboard operation
vue-svg-loader copied to clipboard

MS Edge NOT supported after v0.11.0

Open ChromaticMind opened this issue 4 years ago • 17 comments

I have just noticed that after upgrading post v0.11.0 my web-app now breaks in MS Edge. I have tried v0.12.0, v0.13.0, v0.14.0, and v0.15.0 as well and the issue seems to persist in all of those version. Rolling back to v0.11.0 fixes the issue.

Investigating further, the issue arising from the use of the rest operator (...rest) during a webpack build which is coming from this plugin. See a screenshot here > https://paste.pics/7PM0K.

Please can this be resolved soon?

Thanks!

ChromaticMind avatar Jan 10 '20 12:01 ChromaticMind

Have you modified your config, so that it includes the babel-loader? https://github.com/visualfanatic/vue-svg-loader#webpack

damianstasik avatar Jan 10 '20 12:01 damianstasik

I also worked with @ChromaticMind on this particular issue. We used this plugin with Nuxt.js, and it was a massive headache getting the babel-loader to work correctly. Of course, we want to use the latest version, but ...rest operators break in Edge, and we wanted to make this post in case anyone else had the same issue.

jackbarham avatar Jan 10 '20 12:01 jackbarham

@jackbarham How did you manage to make it work?

ghost avatar Jan 13 '20 09:01 ghost

@mystrdat in package.json, change the version down to "vue-svg-loader": "0.11.0" and remove the ^ so it doesn't update when you run package updates.

jackbarham avatar Jan 13 '20 09:01 jackbarham

@jackbarham I see, from your reply I was under the impression you got it working with the latest version using the suggested babel-loader addition.

I see that the docs have been updated with both loaders for the inline query import rules - so that hopefully works. https://vue-svg-loader.js.org/faq.html#how-to-use-both-inline-and-external-svgs

use: [
  'babel-loader',
  'vue-svg-loader'
]

ghost avatar Jan 13 '20 09:01 ghost

Unfortunately, not.

jackbarham avatar Jan 13 '20 09:01 jackbarham

Just confirming that babel-loader doesn't fix the problem, downgrading to 0.11 does.

ghost avatar Jan 13 '20 16:01 ghost

@mystrdat in package.json, change the version down to "vue-svg-loader": "0.11.0" and remove the ^ so it doesn't update when you run package updates.

0.11.0 Worked for me. Thanks!

gangsthub avatar Jan 20 '20 10:01 gangsthub

Can confirm that 0.11.0 is the only thing that worked for me. I had to remove vue-cli-plugin-svg since it was pinned to 0.12.

andreipopovici avatar Mar 26 '20 10:03 andreipopovici

+1 with 0.16.0 and not only on MS Edge: on IE11 as well. wish if I could find this issue ticket yesterday :(

Versions Microsoft Edge 44.17763.831.0 (*1) IE 11.1217

*1 Chronium MS Edge for Japanese had different launch plan and finally packaged in June 3rd Windows Update.

funyapu avatar Jun 11 '20 10:06 funyapu

Could you test vue-svg-loader@beta together with vue-loader instead of babel-loader? It should get rid of the issues in IE 11, but also fix a few bugs.

damianstasik avatar Aug 23 '20 14:08 damianstasik

@visualfanatic tested with [email protected] + [email protected]. Still not working, and no console info thrown.

funyapu avatar Aug 25 '20 07:08 funyapu

@funyapu you do not need babel-loader, replace it with vue-loader and let me know.

damianstasik avatar Aug 25 '20 07:08 damianstasik

oh sorry, let me retry

funyapu avatar Aug 25 '20 08:08 funyapu

@visualfanatic Worked perfect in [email protected] and [email protected]. Thanks for great work 😸

funyapu avatar Aug 25 '20 11:08 funyapu

@visualfanatic After Updating to [email protected] I'm facing the same issue as described in #57 though

lutejka avatar Sep 08 '20 08:09 lutejka

+1 I can confirm that downgrading to 0.11.0 worked for me.

pavel-lens avatar May 21 '21 11:05 pavel-lens