Open mdcohen1993 opened 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!
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