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

[Bug Report][3.6.9] After updating from version 3.5.18 to 3.6.9, when clicking on any router link get error with asyncLoader #20008

Closed
Arshev opened this issue Jun 14, 2024 · 1 comment
Labels
S: needs reproduction The issue does not contain a valid reproduction S: triage

Comments

@Arshev
Copy link

Arshev commented Jun 14, 2024

Environment

Vuetify Version: 3.6.9
Last working version: 3.5.18
Vue Version: 3.4.28
Browsers: Firefox 128.0
OS: Mac OS 10.15

Steps to reproduce

Update version from 3.5.18 to 3.6.9 (3.6...) and follow the links in the menu. Add to v-tooltip directive
Error

Reproduction Link

https://play.vuetifyjs.com

Expected Behavior

Page loads immediately and without errors.

Actual Behavior

Errors slow down loading of the component, but eventually it loads.

Other comments

The problem was the incorrect content of the v-tooltip directive. In version 3.6 such a directive was added and a conflict arose with another library.
Get error:

TypeError: can't access property "__asyncLoader", i.type is undefined
    isAsyncWrapper runtime-core.esm-bundler.js:2461
    unmount runtime-core.esm-bundler.js:6528
    unmountChildren runtime-core.esm-bundler.js:6653
    unmount runtime-core.esm-bundler.js:6562
    unmountChildren runtime-core.esm-bundler.js:6653
    unmount runtime-core.esm-bundler.js:6562
    unmountComponent runtime-core.esm-bundler.js:6633
    unmount runtime-core.esm-bundler.js:6534
    unmountComponent runtime-core.esm-bundler.js:6633
    unmount runtime-core.esm-bundler.js:6534
    unmountComponent runtime-core.esm-bundler.js:6633
    unmount runtime-core.esm-bundler.js:6534
    unmountChildren runtime-core.esm-bundler.js:6653
    unmount runtime-core.esm-bundler.js:6562
    remove runtime-core.esm-bundler.js:6974
    unmount runtime-core.esm-bundler.js:6544
    unmountChildren runtime-core.esm-bundler.js:6653
    unmount runtime-core.esm-bundler.js:6562
    unmountComponent runtime-core.esm-bundler.js:6633
    unmount runtime-core.esm-bundler.js:6534
    unmountComponent runtime-core.esm-bundler.js:6633
    unmount runtime-core.esm-bundler.js:6534
    render2 runtime-core.esm-bundler.js:6669
    render runtime-dom.esm-bundler.js:1514
    unmounted directiveComponent.ts:61
    callWithErrorHandling runtime-core.esm-bundler.js:195
    callWithAsyncErrorHandling runtime-core.esm-bundler.js:202
    invokeDirectiveHook runtime-core.esm-bundler.js:2109
    unmount runtime-core.esm-bundler.js:6571
    flushPostFlushCbs runtime-core.esm-bundler.js:378
    flushJobs runtime-core.esm-bundler.js:416
    promise callback*queueFlush runtime-core.esm-bundler.js:319
    queueJob runtime-core.esm-bundler.js:313
    effect runtime-core.esm-bundler.js:6145
    resetScheduling reactivity.esm-bundler.js:263
    triggerEffects reactivity.esm-bundler.js:307
    triggerRefValue reactivity.esm-bundler.js:1069
    set value reactivity.esm-bundler.js:1114
    finalizeNavigation vue-router.mjs:3400
    pushWithRedirect vue-router.mjs:3265
    promise callback*pushWithRedirect vue-router.mjs:3232
    push vue-router.mjs:3157
    navigate vue-router.mjs:2223
    onClick VListItem.tsx:179
    callWithErrorHandling runtime-core.esm-bundler.js:195
    callWithAsyncErrorHandling runtime-core.esm-bundler.js:202
    invoker runtime-dom.esm-bundler.js:696
    addEventListener runtime-dom.esm-bundler.js:647
    patchEvent runtime-dom.esm-bundler.js:665
    patchProp runtime-dom.esm-bundler.js:742
    mountElement runtime-core.esm-bundler.js:5524
    processElement runtime-core.esm-bundler.js:5471
    patch runtime-core.esm-bundler.js:5339
    componentUpdateFn runtime-core.esm-bundler.js:6027
    run reactivity.esm-bundler.js:177
    update runtime-core.esm-bundler.js:6151
    setupRenderEffect runtime-core.esm-bundler.js:6161
    mountComponent runtime-core.esm-bundler.js:5929
    processComponent runtime-core.esm-bundler.js:5883
    patch runtime-core.esm-bundler.js:5351
    mountChildren runtime-core.esm-bundler.js:5599
    processFragment runtime-core.esm-bundler.js:5813
    patch runtime-core.esm-bundler.js:5325
    componentUpdateFn runtime-core.esm-bundler.js:6027
    run reactivity.esm-bundler.js:177
    update runtime-core.esm-bundler.js:6151
    setupRenderEffect runtime-core.esm-bundler.js:6161
    mountComponent runtime-core.esm-bundler.js:5929
    processComponent runtime-core.esm-bundler.js:5883
    patch runtime-core.esm-bundler.js:5351
    mountChildren runtime-core.esm-bundler.js:5599
    mountElement runtime-core.esm-bundler.js:5506
    processElement runtime-core.esm-bundler.js:5471
    patch runtime-core.esm-bundler.js:5339
    componentUpdateFn runtime-core.esm-bundler.js:6027
    run reactivity.esm-bundler.js:177
    update runtime-core.esm-bundler.js:6151
@KaelWD KaelWD added the S: needs reproduction The issue does not contain a valid reproduction label Jun 14, 2024
@Arshev
Copy link
Author

Arshev commented Jun 14, 2024

The problem was the incorrect content of the v-tooltip directive. In version 3.6 such a directive was added and a conflict arose with another library.

@Arshev Arshev closed this as completed Jun 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
S: needs reproduction The issue does not contain a valid reproduction S: triage
2 participants