Blank page after clicking Admin Console

Clicking on the admin console link on the main page successfully redirects to the /admin/master/console/ path, but only displays a blank white page.

I have the server running in production mode on a custom Docker container based in Debian. I am not behind a proxy and I am using port 8443 with a self-signed SSL cert.

I have tried adding the environment variables suggested here: https://groups.google.com/g/keycloak-user/c/vmBRKYmvFnM and it changed nothing.

Hoping someone can help.

Same issue for me but running keycloak 17.01 & java jdk 18 in edge mode behind apache reverse proxy with external SSL and localhost:8080 hosted on win 2019 server VM. From either localhost or external https link keycloak initially loads start page but shows a blank page, not an error, when clicking on admin console - page appears to refresh every 10 seconds (blank webpage code below). Admin user previously created in dev mode. Same behaviour if I remove reverse proxy and apply ssl certs directly to keycloak. Also tried jdk 17 and using IIS as reverse proxy. Tested in multiple browsers. Can’t see any errors in logs but blank web page code below as it is serving some html.

<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="shortcut icon" href="/resources/c747z/admin/keycloak/img/favicon.ico">
<link href="/resources/c747z/common/keycloak/node_modules/patternfly/dist/css/patternfly.min.css" rel="stylesheet" />
<link href="/resources/c747z/common/keycloak/node_modules/patternfly/dist/css/patternfly-additions.min.css" rel="stylesheet" />
<link href="/resources/c747z/common/keycloak/node_modules/select2/select2.css" rel="stylesheet" />
<link href="/resources/c747z/common/keycloak/lib/angular/treeview/css/angular.treeview.css" rel="stylesheet" />
<link href="/resources/c747z/common/keycloak/node_modules/text-security/text-security.css" rel="stylesheet" />
<link href="/resources/c747z/admin/keycloak/css/styles.css" rel="stylesheet" />

<script type="text/javascript">
    var authServerUrl = 'https://localhost';
    var authUrl = 'http://localhost:8080';
    var consoleBaseUrl = '/admin/master/console/';
    var resourceUrl = '/resources/c747z/admin/keycloak';
    var masterRealm = 'master';
    var resourceVersion = 'c747z';
</script>

<!-- Minimized versions (for those that have one) -->
<script src="/resources/c747z/common/keycloak/node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
<script src="/resources/c747z/common/keycloak/node_modules/select2/select2.js" type="text/javascript"></script>
<script src="/resources/c747z/common/keycloak/node_modules/angular/angular.min.js"></script>
<script src="/resources/c747z/common/keycloak/node_modules/angular-resource/angular-resource.min.js"></script>
<script src="/resources/c747z/common/keycloak/node_modules/angular-route/angular-route.min.js"></script>
<script src="/resources/c747z/common/keycloak/node_modules/angular-cookies/angular-cookies.min.js"></script>
<script src="/resources/c747z/common/keycloak/node_modules/angular-sanitize/angular-sanitize.min.js"></script>
<script src="/resources/c747z/common/keycloak/node_modules/angular-translate/dist/angular-translate.min.js"></script>
<script src="/resources/c747z/common/keycloak/node_modules/angular-translate-loader-url/angular-translate-loader-url.min.js"></script>
<script src="/resources/c747z/common/keycloak/node_modules/angular-ui-select2/src/select2.js" type="text/javascript"></script>
<script src="/resources/c747z/common/keycloak/node_modules/autofill-event/autofill-event.js"></script>

<!-- Libraries not managed by yarn -->
<script src="/resources/c747z/common/keycloak/lib/angular/ui-bootstrap-tpls-0.11.0.js"></script>
<script src="/resources/c747z/common/keycloak/lib/angular/treeview/angular.treeview.js"></script>
<script src="/resources/c747z/common/keycloak/lib/fileupload/angular-file-upload.min.js"></script>
<script src="/resources/c747z/common/keycloak/lib/filesaver/FileSaver.js"></script>
<script src="/resources/c747z/common/keycloak/lib/ui-ace/min/ace.js"></script>
<script src="/resources/c747z/common/keycloak/lib/ui-ace/ui-ace.min.js"></script>

<script src="http://localhost:8080/js/keycloak.js?version=c747z" type="text/javascript"></script>

<script src="/resources/c747z/admin/keycloak/js/app.js" type="text/javascript"></script>
<script src="/resources/c747z/admin/keycloak/js/controllers/realm.js" type="text/javascript"></script>
<script src="/resources/c747z/admin/keycloak/js/controllers/clients.js" type="text/javascript"></script>
<script src="/resources/c747z/admin/keycloak/js/controllers/users.js" type="text/javascript"></script>
<script src="/resources/c747z/admin/keycloak/js/controllers/groups.js" type="text/javascript"></script>
<script src="/resources/c747z/admin/keycloak/js/controllers/roles.js" type="text/javascript"></script>
<script src="/resources/c747z/admin/keycloak/js/loaders.js" type="text/javascript"></script>
<script src="/resources/c747z/admin/keycloak/js/services.js" type="text/javascript"></script>

<!-- Authorization -->
<script src="/resources/c747z/admin/keycloak/js/authz/authz-app.js" type="text/javascript"></script>
<script src="/resources/c747z/admin/keycloak/js/authz/authz-controller.js" type="text/javascript"></script>
<script src="/resources/c747z/admin/keycloak/js/authz/authz-services.js" type="text/javascript"></script>
    <span class="pficon pficon-ok" ng-show="notification.type == 'success'"></span>
    <span class="pficon pficon-info" ng-show="notification.type == 'info'"></span>
    <span class="pficon pficon-warning-triangle-o" ng-show="notification.type == 'warning'"></span>
    <span class="pficon pficon-error-circle-o" ng-show="notification.type == 'danger'"></span>
    <strong>{{notification.header}}</strong> {{notification.message}}
</div>
Loading...

I should mention, I am also using the newest version, 17.01

Hi
I had a similar problem with keycloak 17.0.1 running on docker.
My Dockerfile was similar to the one suggested in the docker documentation, having:
ENV KC_HOSTNAME=localhost:8443
Using the browser debug tools i saw that every 10 seconds or so, keycloak was trying to get https://localhost:8443:8443. I changed to:
ENV KC_HOSTNAME=localhost
And it worked

Sadly that’s not my issue here, hostname is set to only localhost and page being called is localhost:8080. Aside from hostname, only other conf settings are for the postgres db.

My config file has the hostname variable set without the port as well. Don’t think that’s the issue.

Oddly enough, I just fixed the issue by adding the port number to the hostname variable in the config file. It doesn’t work without adding the port