Photos showing blank page

Nextcloud version Nextcloud Hub 4 (26.0.1)
Operating system and version official docker image - Docker
Apache or nginx version : Apache/2.4.56 (Debian) and NGINX reverse proxy nginx version: nginx/1.14.2
PHP version : PHP 8.1.18

The issue you are facing: I just set up our nextcloud server. The photos section isn’t showing pictures as I would expect, it shows a panel with the “+” to add pictures, and then that panel just turns black. there are a LOT of photos in my picture folder, and that might have something to do with this. Additionally my docs and photos are stored on a cifs share.

Is this the first time you’ve seen this error? (Y/N): Y

Steps to replicate it: spin up a new docker stack, have the docs/pictures on a cifs share.

The output of your Nextcloud log in Admin > Logging:

[PASTEBIN](https://pastebin.com/Un6kNyee)

The output of your config.php file in /path/to/nextcloud (make sure you remove any identifiable information!):

<?php
$CONFIG = array (
  'htaccess.RewriteBase' => '/',
  'memcache.local' => '\\OC\\Memcache\\APCu',
  'apps_paths' =>
  array (
    0 =>
    array (
      'path' => '/var/www/html/apps',
      'url' => '/apps',
      'writable' => false,
    ),
    1 =>
    array (
      'path' => '/var/www/html/custom_apps',
      'url' => '/custom_apps',
      'writable' => true,
    ),
  ),
  'instanceid' => 'REDACTED',
  'passwordsalt' => REDACTED',
  'secret' => 'REDACTED',
  'trusted_domains' =>
  array (
    0 => 'cloud.hammerlingfamily.com:8080',
    1 => 'cloud.hammerlingfamily.com',
    2 => 'localipREDACTED:8080',
  ),
  'trusted_proxies' =>
  array (
    0 => 'localproxyipREDACTED',
  ),
  'datadirectory' => '/var/www/html/data',
  'dbtype' => 'mysql',
  'version' => '26.0.1.1',
  'overwrite.cli.url' => 'http://cloud.hammerlingfamily.com:8080',
  'overwriteprotocol' => 'https',
  'forwarded_for_headers' =>
  array (
    0 => 'HTTP_X_FORWARDED',
    1 => 'HTTP_FORWARDED_FOR',
  ),
  'dbname' => 'db',
  'dbhost' => 'db',
  'dbport' => '',
  'dbtableprefix' => 'oc_',
  'mysql.utf8mb4' => true,
  'dbuser' => 'mysql',
  'dbpassword' => 'REDACTED',
  'installed' => true,
  'ldapProviderFactory' => 'OCA\\User_LDAP\\LDAPProviderFactory',
  'filesystem_check_changes' => 1,
);

I have attached an animated GIF of the issue, hope this helps someone help me :smiley:

NextCloud-photos-issue

In case it is relevant, here’s the virtual config for the reverse proxy of this host.

##############################################################################################################################################
##############################################################################################################################################
###
###  CLOUD.HAMMERLINGFAMILY.COM virtual host config
###

        server {
                        listen 80;
                        server_name cloud.hammerlingfamily.com;
                        return 301 https://$host$request_uri;
               }

        server { # simple reverse-proxy
                        listen       443 ssl;
                        ssl_certificate         /etc/letsencrypt/live/hammerlingfamily.com-0001/fullchain.pem;
                        ssl_certificate_key     /etc/letsencrypt/live/hammerlingfamily.com-0001/privkey.pem;
                        server_name  cloud.hammerlingfamily.com;
                        access_log   /var/log/nginx/cloud.hammerlingfamily.com.access.log  combined;

                        # pass requests for dynamic content to rails/turbogears/zope, et al
                        location / {

        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Port $server_port;
        proxy_set_header X-Forwarded-Scheme $scheme;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Accept-Encoding "";
        proxy_set_header Host $host;

        client_body_buffer_size 512k;
        proxy_read_timeout 86400s;
        client_max_body_size 0;

        # Websocket
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;


                                        proxy_pass      http://localipredacted:8080;


                                   }
                        location /.well-known/carddav {
                                                        return 301 $scheme://$host/remote.php/dav;
                                                      }

                        location /.well-known/caldav {
                                                        return 301 $scheme://$host/remote.php/dav;
                                                     }
                }

Is there a error in the browser console? I think this is a bug and was fixed already for the next version

See Fix #1753: Media and Photos views are blank after upgrade to 26.0.1 by umgfoin · Pull Request #1757 · nextcloud/photos · GitHub

thanks for the quick reply!

Below are the errors from chrome browser console. I updated my local js files with the files that were updated in the fix you linked (as some others had some with success to get the fix prior to 26.0.2). unfortunately, this didn’t change the behavior I’m seeing.

otos-main.js?v=2de0cd58-0:2 ChunkLoadError: Loading chunk vendors-node_modules_nextcloud_sharing_dist_index_js-node_modules_vue-material-design-icons_A-0d7f22 failed.
(error: https://cloud.hammerlingfamily.com/apps/photos/js/photos-vendors-node_modules_nextcloud_sharing_dist_index_js-node_modules_vue-material-design-icons_A-0d7f22.js?v=5910d184eada080db7a1)
    at i.f.j (photos-main.js?v=2de0cd58-0:2:3593254)
    at photos-main.js?v=2de0cd58-0:2:3589515
    at Array.reduce (<anonymous>)
    at i.e (photos-main.js?v=2de0cd58-0:2:3589493)
    at cn (photos-main.js?v=2de0cd58-0:2:3644638)
    at photos-main.js?v=2de0cd58-0:2:3632249
    at photos-main.js?v=2de0cd58-0:2:3632497
    at Array.map (<anonymous>)
    at photos-main.js?v=2de0cd58-0:2:3632473
    at Array.map (<anonymous>)
s @ photos-main.js?v=2de0cd58-0:2
(anonymous) @ photos-main.js?v=2de0cd58-0:2
(anonymous) @ photos-main.js?v=2de0cd58-0:2
(anonymous) @ photos-main.js?v=2de0cd58-0:2
Promise.then (async)
(anonymous) @ photos-main.js?v=2de0cd58-0:2
(anonymous) @ photos-main.js?v=2de0cd58-0:2
(anonymous) @ photos-main.js?v=2de0cd58-0:2
It @ photos-main.js?v=2de0cd58-0:2
(anonymous) @ photos-main.js?v=2de0cd58-0:2
m @ photos-main.js?v=2de0cd58-0:2
r @ photos-main.js?v=2de0cd58-0:2
r @ photos-main.js?v=2de0cd58-0:2
Yt @ photos-main.js?v=2de0cd58-0:2
Gt.confirmTransition @ photos-main.js?v=2de0cd58-0:2
Gt.transitionTo @ photos-main.js?v=2de0cd58-0:2
t.push @ photos-main.js?v=2de0cd58-0:2
tn.push @ photos-main.js?v=2de0cd58-0:2
_ @ photos-main.js?v=2de0cd58-0:2
Nt @ photos-main.js?v=2de0cd58-0:2
n @ photos-main.js?v=2de0cd58-0:2
Qr.i._wrapper @ photos-main.js?v=2de0cd58-0:2
DevTools failed to load source map: Could not load content for https://cloud.hammerlingfamily.com/dist/core-common.js.map?v=6cf496cce0bba34fe10e: Load canceled due to load timeout
DevTools failed to load source map: Could not load content for https://cloud.hammerlingfamily.com/custom_apps/calendar/js/calendar-vendors-node_modules_nextcloud_axios_dist_index_esm_js-node_modules_nextcloud_calendar-js_dis-43220c.js.map?v=4fcc77c3a15956313e0f: Load canceled due to load timeout
DevTools failed to load source map: Could not load content for https://cloud.hammerlingfamily.com/dist/core-common.js.map?v=6cf496cce0bba34fe10e: Load canceled due to load timeout
DevTools failed to load source map: Could not load content for https://cloud.hammerlingfamily.com/apps/viewer/js/viewer-main.js.map?v=a8477d9dcc68d7ba763d: Load canceled due to load timeout
DevTools failed to load source map: Could not load content for https://cloud.hammerlingfamily.com/custom_apps/richdocuments/js/richdocuments-viewer.js.map?v=a61d8b219641b7768029: Load canceled due to load timeout
DevTools failed to load source map: Could not load content for https://cloud.hammerlingfamily.com/apps/photos/js/photos-main.js.map?v=8dfc6b3251826f668523: Load canceled due to load timeout

I don’t think it’s that easy, but haven’t tried this myself… other than that, 26.0.2 is scheduled for next week.

1 Like

Alrighty, I’ll update to 26.02 when it comes out next week :). If that fixes my issue I’ll mark your answer as “solution”
Thanks again!