js bug in vue.runtime.esm.js

[EmmanuelTuloup]

Describe the bug after hundreds of photos seen, the process hangs, and no more photos appears

To Reproduce Steps to reproduce the behavior: scroll down a hundreds of photos

Expected behavior see all the photos when you scroll down

Screenshots

Desktop (please complete the following information):

• OS:win 10
• Browser firefox
• Version 95.0.1

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Browser log TypeError: t is undefined VueJS 13 cr E E E E vo _update r get run mn oe Kt vue.runtime.esm.js:1888:12 VueJS 5 Zt Wt Yt oe Kt

How to access your browser console (Click to expand)

**Additional context** Add any other context about the problem here.

[EmmanuelTuloup]

with chrome:

vue.runtime.esm.js:1888 TypeError: Cannot read properties of undefined (reading 'key') at cr (vue.runtime.esm.js:5817) at vue.runtime.esm.js:6219 at E (vue.runtime.esm.js:6319) at vue.runtime.esm.js:6193 at E (vue.runtime.esm.js:6319) at a.vo.nodeOps [as patch] (vue.runtime.esm.js:6482) at a.t._update (vue.runtime.esm.js:3948) at a.r (vue.runtime.esm.js:4066) at yn.get (vue.runtime.esm.js:4479) at yn.run (vue.runtime.esm.js:4554) Zt @ vue.runtime.esm.js:1888 Échec du chargement de la carte source par les Outils de développement : Impossible de charger le contenu de /index.php/js/activity/activity-sidebar.js.map?v=fe49d7c520f13702fb7b : Erreur HTTP : code d'état 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE Échec du chargement de la carte source par les Outils de développement : Impossible de charger le contenu de /core/js/dist/main.js.map : Chargement annulé en raison d'un délai dépassé

[skjnldsv]

Hey! What's your nextcloud version?

[Yong-Cheh]

Maybe the same issue. It happens after I add 51 new photos with the same timestamp. I found it will stop loading at desktop, but work fine on the mobile. Additionally, when I resize the browser to make it show 4 photos per row at desktop, it will work correctly.

Browser: Edge, Firefox OS: win7,win10 Nextcloud: 23.0.2

log in Edge

---

TypeError: Cannot read properties of undefined (reading 'key') at lr (photos-main.js:2:836418) at photos-main.js:2:850783 at w (photos-main.js:2:850945) at photos-main.js:2:850470 at w (photos-main.js:2:850945) at a.yo.nodeOps [as patch] (photos-main.js:2:852080) at a.e._update (photos-main.js:2:829181) at a.r (photos-main.js:2:859501) at bn.get (photos-main.js:2:821534) at bn.run (photos-main.js:2:822418)

---

[Yong-Cheh]

Hmm... after running the preview generator with occ preview:generate-all -vvv, I see different result in Edge and Firefox. It showed up 35(7 5) photos in Firefox while Edge showed up 47(8 6 - 1) photos. But both of them got broken layout. I test on mobile last night and got another result that although it work correctly while scrolling down, it mess up after scroll back to top.

Type Error in Firefox

TypeError: e is undefined
    lr https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    w https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    w https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    w https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    w https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    yo https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    _update https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    r https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    get https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    run https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    An https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    it https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    et https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
photos-main.js:2:806411
    Ye https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    Ke https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    We https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    it https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2
    et https://800man.chickenkiller.com/apps/photos/js/photos-main.js?v=5fc3f3c6-0:2

Type Error in Edge

800man.chickenkiller.com-1645673165870_edge.log

Recording the test of Firefox

[skjnldsv]

Please everyone, fix your setups so your webserver can serve sourcemaps. That will really helps locating the errors :)

[Yong-Cheh]

Hi John, I'm at office, I'll try it when home(server is setup for home use). Would you please tell me how to do this? Modify the config.php or something else? I googled something like this, seems like modify the htacess to work. Is it?

[skjnldsv]

Hi, it higly depends on your setups. it's not a nextcloud config, but your webserver (apache, nginx...) and/or whatever reverse proxy you might have running in front. Serving sourcemap allow your browser to properly understand the original code location (instead of the compiled and compressed javascript files)

It should look like that (instead of the photos-main.js:2)

[skjnldsv]

EDIT: it seems the documentation lost some of this. I fixed it. See https://github.com/nextcloud/documentation/pull/8095

[mchugh19]

I'm seeing a similar error as well. Nextcloud 26 with photos 2.2.0. After scrolling part way through an entry under "people", I only see blurry image previews and eventually blank white photo entries and nothing else loads.

TypeError: Cannot read properties of undefined (reading 'key')
    at Lr (vue.runtime.esm.js:6442:15)
    at vue.runtime.esm.js:6820:25
    at E (vue.runtime.esm.js:6909:21)
    at vue.runtime.esm.js:6783:17
    at E (vue.runtime.esm.js:6909:21)
    at $a.nodeOps [as __patch__] (vue.runtime.esm.js:7077:17)
    at e._update (vue.runtime.esm.js:3769:25)
    at o.r (vue.runtime.esm.js:3875:16)
    at e.get (vue.runtime.esm.js:3446:33)
    at e.run (vue.runtime.esm.js:3522:30)

Starting from the bottom, these errors show 3522:30

 /**
     * Scheduler job interface.
     * Will be called by the scheduler.
     */
    Watcher.prototype.run = function () {
        if (this.active) {
            var value = this.get();

3446:30

 /**
     * Evaluate the getter, and re-collect dependencies.
     */
    Watcher.prototype.get = function () {
        pushTarget(this);
        var value;
        var vm = this.vm;
        try {
            value = this.getter.call(vm, vm);

3875:15

 else {
        updateComponent = function () {
            vm._update(vm._render(), hydrating);

[marmolak]

Hello. I'm still encountering this issue on Nextcloud 27.1.4.

[carlosgalveias]

Hi, still having this issue, using snap Nextcloud 27.1.8