Vue-awesome-swiper: Cannot set property 'params' of undefined

[vee2046]

[Vue warn]: Error in render: "TypeError: Cannot set property 'params' of undefined"
found in

at src/components/test.vue
at src/App.vue

TypeError: Cannot set property 'params' of undefined

at SwiperClass (swiper.js?82ca:1038)
at Swiper (swiper.js?82ca:3702)
at resolveAsyncComponent (vue.esm.js?efeb:3689)
at createComponent (vue.esm.js?efeb:3209)
at _createElement (vue.esm.js?efeb:3425)
at createElement (vue.esm.js?efeb:3362)
at vm._c (vue.esm.js?efeb:3494)
at Proxy.render (eval at ./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-e43c18bc","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/test.vue (app.js:1610), :66:13)
at VueComponent.Vue._render (vue.esm.js?efeb:3551)
at VueComponent.updateComponent (vue.esm.js?efeb:4069)

[killroyboy]

I'm having the same issue. Did you find a resolution?

[reuwi]

Came across same problem 😢

[CoreyBurkhart]

For me this was caused by capitalizing swiper and swiperSlide in my import statement.

import { swiper, swiperSlide } from 'vue-awesome-swiper
instead of
import { Swiper, SwiperSlide } from 'vue-awesome-swiper

[zhanyuzhang]

@CoreyBurkhart Yes, it is caused by capitalizing， and it depends on witch version you selected. If you use [email protected] , the correct code is:
```
import { swiper, swiperSlide } from 'vue-awesome-swiper

else if you use `[email protected]`,  the correct code is:

import { Swiper, SwiperSlide } from 'vue-awesome-swiper
```

[MichalKrakow]

Hi - this solution brings another issue for me.
import { Swiper, SwiperSlide } from 'vue-awesome-swiper
imports whole Swiper package: 126 Kb compressed.

Could you verify is that the case with version 3.x. ?

[surmon-china]

@MichalKrakow Custom Build with Swiper.

[MichalKrakow]

Hi,
Is "getAwesomeSwiper" available for vue-awesome-swiper 3.x ?

[MichalKrakow]

Is there a way to make the "Custom Build Swiper" transpile correctly for ie11 ?

[zhanyuzhang]

Is there a way to make the "Custom Build Swiper" transpile correctly for ie11 ?

@MichalKrakow It's none of vue-awesome-swiper's business, the root cause is swiper and dom7 with es6's dist code. If you use vue-cli to create project and want to make it work on ie11 , you should add transpileDependencies on the vue.config.js file.

 transpileDependencies: ['swiper', 'dom7']