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