Infinite reload issue with chrome browser

A similar error occurred at my application. Infinite loading after page refresh (if user logged in). I fixed that by changing my keycloak init function to:

import { KeycloakService } from 'keycloak-angular';
export function initializeKeycloak(keycloak: KeycloakService) {
  return () =>
    keycloak.init({
      config: {
        url: 'http://localhost:8080/auth',
        realm: 'poyters-account',
        clientId: 'poyters',
      },
      initOptions: {
        onLoad: 'check-sso',
        checkLoginIframe: false
      },
    });
}

Simply, I deleted the silentCheckSsoRedirectUri from initOptions and added checkLoginIframe: false Earlier I had active silentCheckSsoRedirectUri with checkLoginIframe:false and it caused the error.

Keycloak: 12.0.1 keycloak-angular: ^8.1.0 keycloak-js: ^12.0.2

Hope it helps you guys.

I was researching on the internet and it is the same case, for me my angular page is reloading automatically in infnite loop

I did some changes in keycloak-init.ts file (please find following code and change checkLoginIframe from true to false) Old Code: keycloak.init ({onLoad: ‘login-required’, “checkLoginIframe”: true}) New Code: keycloak.init ({onLoad: ‘login-required’, “checkLoginIframe”: false})