Vue-awesome-swiper: Doesn't work in ie11

[strukove]

Reproduction Link

• https://github.surmon.me/vue-awesome-swiper/

Steps to reproduce

Open your examples in ie11. They doesn't work.

What is Expected?

Plugin works in ie11 browser, or it is mentioned in documentation that it doesn't in huge black letters)

What is actually happening?

It throws error SCRIPT1003: Expected ':' in console and blocks all following js code.

[strukove]

This issue was mentioned here https://github.com/surmon-china/vue-awesome-swiper/issues/216
But it was not fixed...

[strukove]

To fix the issue you need to transpile dom7 and swiper plugins. Please add it to documentation before closing this issue. In vue.config.js it looks this way

transpileDependencies: [ 'dom7', 'swiper' ],

[aridee2990]

Does the above solution mention solve the issue for IE11. I have implemented the same but it did not work for my case. Your help will be appreciated.

[strukove]

Does the above solution mention solve the issue for IE11. I have implemented the same but it did not work for my case. Your help will be appreciated.

Well, what I did was upgrading vue cli together with vue itself to latest version and then adding transpile dependencies to vue.config.js. That's it.

[herpster]

@aridee2990 Did you manage to make it work? I am currentl facing the same issue in IE11, adding the transpileDependencies did not do the trick for me.

[sa-rang]

Facing the same issue, any final solution?? did older version of vue-awesom-swiper worked with IE?

[llk2yq]

Update swiper to 6.0.2 will solve this problem.

[pgkusn]

Use the old version of swiper 4 and vue-awesome-swiper v3.1.3 to run.

[smartlaksh]

Update swiper to 6.0.2 will solve this problem.

Later swiper version doesn't work with Vue directive for SSR. Hence upgrading swiper beyond 5.4.5 became not a option :(