damianstasik / vue-svg-loader

🔨 webpack loader that lets you use SVG files as Vue components

Home Page:https://vue-svg-loader.js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MS Edge NOT supported after v0.11.0

ChromaticMind opened this issue · 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!

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

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 How did you manage to make it work?

@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 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'
]

Unfortunately, not.

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

@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!

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.

+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.

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.

@visualfanatic tested with vue-svg-loader@0.17.0-beta.1 + babel-loader@8.1.0. Still not working, and no console info thrown.

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

oh sorry, let me retry

@visualfanatic Worked perfect in vue-svg-loader@0.17.0-beta.1 and vue-loader@15.9.3. Thanks for great work 😸

@visualfanatic After Updating to vue-svg-loader@0.17.0-beta.1 I'm facing the same issue as described in #57 though

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