jellyfin / jellyfin-vue

A modern web client for Jellyfin based on Vue
https://jellyfin.org
GNU General Public License v3.0
1.22k stars 225 forks source link

Navigating to a movie from the movie library doesn't work. #2276

Closed JVT038 closed 3 months ago

JVT038 commented 4 months ago

Description of the bug

When I'm in the page of a movie library, and I click on a movie, nothing happens. Only the title of the tab changes.

Steps to reproduce

  1. Go to a movie library
  2. Click on a movie
  3. See nothing happening

Expected behavior

I expected the page to be changed to the movie page.

Logs

```text [Vue warn]: Unhandled error during execution of render function at at at : {…}, : {…} } > class="v-app-bar" style= Object { top: "48px", zIndex: 1004, transform: "translateY(0%)", position: "fixed", height: undefined, left: "0px", right: undefined, bottom: undefined, width: "calc(100% - 0px - 0px)", "--v-toolbar-image-opacity": undefined } ... > at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/library/f137a2dd21bbc1b99aa5c0f6bf02a805" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core . at at at : {…}, : {…} } > class="v-app-bar" style= Object { top: "48px", zIndex: 1004, transform: "translateY(0%)", position: "fixed", height: undefined, left: "0px", right: undefined, bottom: undefined, width: "calc(100% - 0px - 0px)", "--v-toolbar-image-opacity": undefined } ... > at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/library/f137a2dd21bbc1b99aa5c0f6bf02a805" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core . at at : {…}, : {…} } > class="v-app-bar" style= Object { top: "48px", zIndex: 1004, transform: "translateY(0%)", position: "fixed", height: undefined, left: "0px", right: undefined, bottom: undefined, width: "calc(100% - 0px - 0px)", "--v-toolbar-image-opacity": undefined } ... > at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/library/f137a2dd21bbc1b99aa5c0f6bf02a805" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 Uncaught (in promise) TypeError: queryItems.value[0] is undefined fullQueryIsCached [itemId].vue:229 effect reactivity.esm-bundler.js:994 run reactivity.esm-bundler.js:177 get value reactivity.esm-bundler.js:1006 [itemId].vue:229:58 Uncaught (in promise) TypeError: component is null shouldUpdateComponent runtime-core.esm-bundler.js:1054 updateComponent runtime-core.esm-bundler.js:5930 processComponent runtime-core.esm-bundler.js:5878 patch runtime-core.esm-bundler.js:5335 runtime-core.esm-bundler.js:1054:16 [Vue warn]: Extraneous non-props attributes (class, alt) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class, alt) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at ... > at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class, alt) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at ... > at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class, alt) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at ... > at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class, alt) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at ... > at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class, alt) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at ... > at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class, alt) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at ... > at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class, alt) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at ... > at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class, alt) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at ... > at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. at at at at at at at at at at at at at at <[itemId] onVnodeUnmounted=fn ref=Ref< Proxy { : Proxy, : {…} } > key="/item/45ceb08824a00c982b9ae79710ebad83" > at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core . at at at at at at at at at at at runtime-core.esm-bundler.js:47:12 Uncaught (in promise) TypeError: instance is null unmountComponent runtime-core.esm-bundler.js:6607 unmount runtime-core.esm-bundler.js:6518 unmountChildren runtime-core.esm-bundler.js:6637 unmount runtime-core.esm-bundler.js:6546 runtime-core.esm-bundler.js:6607:53 Uncaught (in promise) TypeError: instance is null unmountComponent runtime-core.esm-bundler.js:6607 unmount runtime-core.esm-bundler.js:6518 unmountChildren runtime-core.esm-bundler.js:6637 unmount runtime-core.esm-bundler.js:6546 runtime-core.esm-bundler.js:6607:53 ```

Screenshots

No response

Platform

Windows

Browser

Firefox

Jellyfin server version

10.8.13

Additional context

I'm using the latest commit (72459d6).
JVT038 commented 4 months ago

BTW, these are only the errors (so not the warnings):

Uncaught (in promise) TypeError: queryItems.value[0] is undefined
    fullQueryIsCached [itemId].vue:229
    effect reactivity.esm-bundler.js:994
    run reactivity.esm-bundler.js:177
    get value reactivity.esm-bundler.js:1006
[itemId].vue:229:58
Uncaught (in promise) TypeError: instance is null
    unmountComponent runtime-core.esm-bundler.js:6607
    unmount runtime-core.esm-bundler.js:6518
    unmountChildren runtime-core.esm-bundler.js:6637
    unmount runtime-core.esm-bundler.js:6546
runtime-core.esm-bundler.js:6607:53
Uncaught (in promise) TypeError: instance is null
    unmountComponent runtime-core.esm-bundler.js:6607
    unmount runtime-core.esm-bundler.js:6518
    unmountChildren runtime-core.esm-bundler.js:6637
    unmount runtime-core.esm-bundler.js:6546
runtime-core.esm-bundler.js:6607:53
Uncaught (in promise) TypeError: instance is null
    unmountComponent runtime-core.esm-bundler.js:6607
    unmount runtime-core.esm-bundler.js:6518
    unmountChildren runtime-core.esm-bundler.js:6637
    unmount runtime-core.esm-bundler.js:6546
runtime-core.esm-bundler.js:6607:53
JVT038 commented 4 months ago

While trying some stuff, I suddenly got a different error:

Uncaught (in promise) TypeError: swiper.el is undefined
    update swiper-core.mjs:3606
    updateSwiper update-swiper.mjs:233
    setup swiper-vue.mjs:633
    createHook runtime-core.esm-bundler.js:2865
swiper-core.mjs:3606:5
    logError runtime-core.esm-bundler.js:257
    handleError runtime-core.esm-bundler.js:244
    callWithErrorHandling runtime-core.esm-bundler.js:197
    callWithAsyncErrorHandling runtime-core.esm-bundler.js:202
    __weh runtime-core.esm-bundler.js:2845
    flushPostFlushCbs runtime-core.esm-bundler.js:370
    flushJobs runtime-core.esm-bundler.js:408
    (Async: promise callback)
    queueFlush runtime-core.esm-bundler.js:311
    queueJob runtime-core.esm-bundler.js:305
    effect runtime-core.esm-bundler.js:6129
    resetScheduling reactivity.esm-bundler.js:264
    trigger reactivity.esm-bundler.js:404
    set reactivity.esm-bundler.js:651
    baseItemAdd api.ts:89
    map self-hosted:221
    baseItemAdd api.ts:88
    resolveAndAdd apis.ts:156
    AsyncFunctionNext self-hosted:852
    (Async: async)
    run apis.ts:243
    _sharedInternalLogic apis.ts:307
    (Async: setTimeout handler)
    _sharedInternalLogic apis.ts:306
    <anonymous> [itemId].vue:321
    withAsyncContext runtime-core.esm-bundler.js:3361
    setup [itemId].vue:321
    InterpretGeneratorResume self-hosted:1465
    AsyncFunctionNext self-hosted:852
    (Async: async)
    callWithErrorHandling runtime-core.esm-bundler.js:195
    setupStatefulComponent runtime-core.esm-bundler.js:7612
    setupComponent runtime-core.esm-bundler.js:7573
    mountComponent runtime-core.esm-bundler.js:5901
    processComponent runtime-core.esm-bundler.js:5867
    patch runtime-core.esm-bundler.js:5335
    mountChildren runtime-core.esm-bundler.js:5583
    mountElement runtime-core.esm-bundler.js:5490
    processElement runtime-core.esm-bundler.js:5455
    patch runtime-core.esm-bundler.js:5323
    patchSuspense runtime-core.esm-bundler.js:1412
    process runtime-core.esm-bundler.js:1209
    patch runtime-core.esm-bundler.js:5360
    componentUpdateFn runtime-core.esm-bundler.js:6091
    run reactivity.esm-bundler.js:177
    update runtime-core.esm-bundler.js:6135
    updateComponent runtime-core.esm-bundler.js:5944
    processComponent runtime-core.esm-bundler.js:5878
    patch runtime-core.esm-bundler.js:5335
    componentUpdateFn runtime-core.esm-bundler.js:6091
    run reactivity.esm-bundler.js:177
    update runtime-core.esm-bundler.js:6135
    updateComponent runtime-core.esm-bundler.js:5944
    processComponent runtime-core.esm-bundler.js:5878
    patch runtime-core.esm-bundler.js:5335
    componentUpdateFn runtime-core.esm-bundler.js:6091
    run reactivity.esm-bundler.js:177
    update runtime-core.esm-bundler.js:6135
    updateComponent runtime-core.esm-bundler.js:5944
    processComponent runtime-core.esm-bundler.js:5878
ferferga commented 4 months ago

Are you sure none of the requests to the server are failing? Also, this is happening with the development and not the production version, right?

ferferga commented 3 months ago

Closing due to all the logs belong to the non production version of the app and lack of further input that confirms this.