No media images shown in Nextcloud 27.0.0 dashboard

[jameswill]

⚠️ This issue respects the following points: ⚠️

• This is a bug, not a question or a configuration/webserver/proxy issue.
• This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
• Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• I agree to follow Nextcloud's Code of Conduct.

Bug description

Hi,

I have installed a fresh installation of Nextcloud 27.0.0 on my testing server with PHP 8.1 and Mysql 8.0

The installation went successful and when I visit the admin dashboard I can not see the default media images. (screenshot attached)

What is causing this ? Is this a bug in the new version ?

Steps to reproduce

1. Install the nextcloud 27.0.0 version
2. Login into the Admin panel.
3. No default media images are seen.

Expected behavior

Default media and new uploaded images should be seen.

Installation method

Community Manual installation with Archive

Nextcloud Server version

27

Operating system

RHEL/CentOS

PHP engine version

PHP 8.1

Web server

Apache (supported)

Database engine version

MySQL

Is this bug present after an update or on a fresh install?

Fresh Nextcloud Server install

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

No response

List of activated Apps

No response

Nextcloud Signing status

No response

Nextcloud Logs

No response

Additional info

No response

[szaimen]

Cc @artonge

[artonge]

Can you check if there is any relevant logs in the browser and in the server?
Is preview generation working? Do you have previews in the Files app?

[maxcco]

I have the same issue but following an upgrade from 26.0.2

The previews are all there in the files app, and when clicking on gray thumbnails on photos it opens the picture as usual

[artonge]

@maxcco Can you share some logs if any?

[maxcco]

@artonge Looks like all thumbnails are creating error like this :

If you need more tell me where to look ;)

[artonge]

@maxcco can you share your browser version and whether you are using SSL?

[maxcco]

of course here are the details

Firefox 114.0.1 as snap package on ubuntu
ssl active and provided by let's encrypt

additional info, it works flawlessly with chromium

[baer1]

hi there,

just want to say that i have the same problem. i did a new installation with 27 in a lcx container with ubuntu 22.04, php 8.2. I am accessing nextcloud over http currently.
I have tested with following browsers: brave, safari, fire fox (always the latest versions and also in private mode)

the memories app is showing the fotos.

next clouds error log shows nothing.
the errorlog of the browser (java script console) shows this error:

200vue.runtime.esm.js:3049 ReferenceError: caches is not defined
at PreviewService.js:32:29
at h (PreviewService.js:2:1)
at Generator. (PreviewService.js:2:1)
at Generator.next (PreviewService.js:2:1)
at f (PreviewService.js:2:1)
at a (PreviewService.js:2:1)
at PreviewService.js:2:1
at new Promise ()
at PreviewService.js:2:1
at PreviewService.js:31:29
Lt @ vue.runtime.esm.js:3049
Mt @ vue.runtime.esm.js:3041
Rt @ vue.runtime.esm.js:3008
(anonymous) @ vue.runtime.esm.js:3019
Promise.then (async)
Bt @ vue.runtime.esm.js:3019
cn @ vue.runtime.esm.js:4031
insert @ vue.runtime.esm.js:4423
C @ vue.runtime.esm.js:6942
$a.nodeOps @ vue.runtime.esm.js:7153
e._update @ vue.runtime.esm.js:3769
r @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e.run @ vue.runtime.esm.js:3522
yn @ vue.runtime.esm.js:4121
(anonymous) @ vue.runtime.esm.js:3143
Zt @ vue.runtime.esm.js:3065
Promise.then (async)
jt @ vue.runtime.esm.js:3090
zt @ vue.runtime.esm.js:3155
vn @ vue.runtime.esm.js:4207
e.update @ vue.runtime.esm.js:3513
e.notify @ vue.runtime.esm.js:720
(anonymous) @ vue.runtime.esm.js:788
(anonymous) @ FetchFilesMixin.js:89
s @ FetchFilesMixin.js:2
(anonymous) @ FetchFilesMixin.js:2
(anonymous) @ FetchFilesMixin.js:2
_ @ FetchFilesMixin.js:2
a @ FetchFilesMixin.js:2
Promise.then (async)
_ @ FetchFilesMixin.js:2
a @ FetchFilesMixin.js:2
Promise.then (async)
_ @ FetchFilesMixin.js:2
a @ FetchFilesMixin.js:2
(anonymous) @ FetchFilesMixin.js:2
(anonymous) @ FetchFilesMixin.js:2
fetchFiles @ FetchFilesMixin.js:2
getContent @ Timeline.vue:236
Bt @ vue.runtime.esm.js:3017
n @ vue.runtime.esm.js:1815
Bt @ vue.runtime.esm.js:3017
e.$emit @ vue.runtime.esm.js:3716
needContent @ FilesListViewer.vue:244
Bt @ vue.runtime.esm.js:3017
n @ vue.runtime.esm.js:1815
Bt @ vue.runtime.esm.js:3017
e.$emit @ vue.runtime.esm.js:3716
isNearBottom @ VirtualScrolling.vue:211
Bt @ vue.runtime.esm.js:3017
e.run @ vue.runtime.esm.js:3534
yn @ vue.runtime.esm.js:4121
(anonymous) @ vue.runtime.esm.js:3143
Zt @ vue.runtime.esm.js:3065
Promise.then (async)
jt @ vue.runtime.esm.js:3090
zt @ vue.runtime.esm.js:3155
vn @ vue.runtime.esm.js:4207
e.update @ vue.runtime.esm.js:3513
e.notify @ vue.runtime.esm.js:720
set @ vue.runtime.esm.js:963
zn.set @ vue.runtime.esm.js:5356
(anonymous) @ VirtualScrolling.vue:241

[artonge]

I think that accessing cache without SSL can cause this kind of issue. For @maxcco it might be something else, but I suspect that not all of the files are served thought https.
A solution would be to wrap the logic in a try/catch.

Would one of you be up for the task ?

[baer1]

@artonge that was it! i have enabled ssl and its fine now.

[maxcco]

I think that accessing cache without SSL can cause this kind of issue. For @maxcco it might be something else, but I suspect that not all of the files are served thought https. A solution would be to wrap the logic in a try/catch.

Would one of you be up for the task ?

@artonge Do you want me to open a new issue then to be able to track efficiently?

[artonge]

No that's fine.

Would it be possible for you to share an album with me so I can experience the issue myself?

[artonge]

Images are loading properly for me on two different browsers. So it might be something with your browser's settings or extensions.

[maxcco]

@artonge I'm able to reproduce on 3 different computer (1 ubuntu 2 windows) using different network each time latest firefox (no extension and in private mode)

seems to work alright on chrome chromium and edge

strangely in loads ok when using photos app but going in the folder view 😕

[artonge]

strangely in loads ok when using photos app but going in the folder view confused

Yes, not the same rendering logic.

[maxcco]

Everything is working fine again

Difference is for unrelated reason I needed to change subdomain and ended up renewing the ssl certificate.

[mehturt]

Apologies for commenting on a closed ticket; but is this a browser issue then? I recently upgrade one of my instances to 27.0.2 and I can't see the preview in Firefox 102 (Debian 11) but can see them in latest Chromium. I'm using SSL. Thanks.

[siccovansas]

I'm also running into this issue and I'd like to see it re-opened. I can add that the problem only happens on Firefox (currently 116.0.2) while using a private window. (I'm using valid SSL through Let's Encrypt, so I'm not sure if that is related in any way.)