Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ASYNCHRONOUS COMPONENT USE ERROR #208

Open
mdcohen1993 opened this issue Jan 15, 2024 · 0 comments
Open

ASYNCHRONOUS COMPONENT USE ERROR #208

mdcohen1993 opened this issue Jan 15, 2024 · 0 comments

Comments

@mdcohen1993
Copy link

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 callback
setup 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!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant