Angular app not able to communicate with keycloak server 400 bad request

Hello, i’m trying to setup keycloak for the first time and i’m struggling a lot to get it working, i’m getting this error on developer tools when I start my angular application. After this error my angular app doesn’t show anything stays blank.

I configured the keycloak in angular as instructed in the examples:

url: ‘http://localhost:8080’,
realm: ‘myrealm’,
clientId: ‘myclient’

These are the keycloak versions i installed on my project:

  • “keycloak-angular”: “^15.0.0”
  • “keycloak-js”: “^23.0.1”

My keycloak server is version 23.0.1 and i configured a realm called myrealm and client called myclient. What did I miss?