'Splide slider Vue package simply doesn't work
No idea what the issue here is, should be as simple as install, import and use!
I have got a base component, this imports another component which contains Splider:
// Base.vue
<template>
<div class="detailGallery">
<div class="detailGalleryViewer">
<keep-alive>
<component v-bind:is="currentComponent" :vehicle-id="vehicleId"></component>
</keep-alive>
</div>
</div>
</template>
<script>
export default {
props: {
vehicleId: {
required: true,
type: Number|String
}
},
computed: {
currentComponent() {
return () => { component: import('./Gallery.vue') };
}
}
}
</script>
// Gallery.vue
<template>
<div>Gallery</div>
</template>
<script>
import { Splide, SplideSlide } from '@splidejs/vue-splide';
export default {
components: {
Splide,
SplideSlide,
},
props: {
vehicleId: {
required: true,
type: Number | String,
},
}
};
</script>
As you can see very simple setup, however all i'm getting is the following error:
Uncaught (in promise) TypeError: Object(...) is not a function at Module../node_modules/@splidejs/vue-splide/dist/js/vue-splide.esm.js (9b9e393020eef216bce4.js:2463:80)
Anyone encountered this!? Got a deadline and I need to use this!
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|

