antoniandre / vueper-slides

A touch ready and responsive slideshow / carousel for Vue 2 & 3.
https://antoniandre.github.io/vueper-slides
MIT License
568 stars 50 forks source link

ASYNCHRONOUS COMPONENT USE ERROR #208

Open mdcohen1993 opened 9 months ago

mdcohen1993 commented 9 months ago

I am currently changing the component imports in my project to use asynchronous components (Vue 3). I have imported the components as following:

components: { VueperSlides: defineAsyncComponent(() => import('vueperslides').then(module => module.VueperSlides)), VueperSlide: defineAsyncComponent(() => import('vueperslides').then(module => module.VueperSlide)), }

I am now getting the following console error: Uncaught (in promise) TypeError: this.conf is undefined created vueperslides.es.js:218 callWithErrorHandling runtime-core.esm-bundler.js:158 callWithAsyncErrorHandling runtime-core.esm-bundler.js:166 callHook runtime-core.esm-bundler.js:3509 applyOptions runtime-core.esm-bundler.js:3427 finishComponentSetup runtime-core.esm-bundler.js:7341 setupStatefulComponent runtime-core.esm-bundler.js:7265 setupComponent runtime-core.esm-bundler.js:7197 mountComponent runtime-core.esm-bundler.js:5599 processComponent runtime-core.esm-bundler.js:5565 patch runtime-core.esm-bundler.js:5040 componentUpdateFn runtime-core.esm-bundler.js:5773 run reactivity.esm-bundler.js:178 update runtime-core.esm-bundler.js:5814 callWithErrorHandling runtime-core.esm-bundler.js:158 flushJobs runtime-core.esm-bundler.js:357 promise callbackqueueFlush runtime-core.esm-bundler.js:270 queueJob runtime-core.esm-bundler.js:264 effect runtime-core.esm-bundler.js:5810 triggerEffect reactivity.esm-bundler.js:373 triggerEffects reactivity.esm-bundler.js:363 triggerRefValue reactivity.esm-bundler.js:974 set value reactivity.esm-bundler.js:1018 setup runtime-core.esm-bundler.js:2365 promise callbacksetup runtime-core.esm-bundler.js:2364 callWithErrorHandling runtime-core.esm-bundler.js:158 setupStatefulComponent runtime-core.esm-bundler.js:7236 setupComponent runtime-core.esm-bundler.js:7197 mountComponent runtime-core.esm-bundler.js:5599 processComponent runtime-core.esm-bundler.js:5565 patch runtime-core.esm-bundler.js:5040 mountChildren runtime-core.esm-bundler.js:5284 processFragment runtime-core.esm-bundler.js:5499 patch runtime-core.esm-bundler.js:5014 mountChildren runtime-core.esm-bundler.js:5284 processFragment runtime-core.esm-bundler.js:5499 patch runtime-core.esm-bundler.js:5014 mountChildren runtime-core.esm-bundler.js:5284 mountElement runtime-core.esm-bundler.js:5191 processElement runtime-core.esm-bundler.js:5156 patch runtime-core.esm-bundler.js:5028 mountChildren runtime-core.esm-bundler.js:5284 mountElement runtime-core.esm-bundler.js:5191 processElement runtime-core.esm-bundler.js:5156 patch runtime-core.esm-bundler.js:5028 mountChildren runtime-core.esm-bundler.js:5284 mountElement runtime-core.esm-bundler.js:5191 processElement runtime-core.esm-bundler.js:5156 patch runtime-core.esm-bundler.js:5028 mountChildren runtime-core.esm-bundler.js:5284 mountElement runtime-core.esm-bundler.js:5191 processElement runtime-core.esm-bundler.js:5156 patch runtime-core.esm-bundler.js:5028 mountChildren runtime-core.esm-bundler.js:5284

Any clarification or assistance would be much appreciated, as this is preventing me from implementing asynchronous components in my application. Thank you!