Auth0 Home Blog Docs

How to get proper error messages in Lock widget?

lock-10
error
tier1

#1

For some reason, we are only able to see generic error messages on unsuccessful sign in attempt. Instead of something like “Invalid email or password”, the widget always shows “WE’RE SORRY, SOMETHING WENT WRONG WHEN ATTEMPTING TO LOG IN.”, even though the response in DevTools shows a proper message.

Please, see this gif to see exactly what I mean.

The code to initialise the widget, auth0-lock package version is 10.19.0:

this.lock = new Auth0Lock(clientId, domain, {
      oidcConformant: true,
      closable: false,
      auth: {
        params: {
          scope: 'openid email',
        }
      }
    });

#2

Good question… I’m using the Angular 2 Lock module and am running into the same problem. The whole point of using Lock was to get these sorts of error messages and standard UI prompts taken care of. Don’t tell me I have to implement this myself.


#3

You can customize the error messages that will be displayed in certain situations in Lock by providing a Language Dictionary option. Link below for more information on the same:
https://auth0.com/docs/libraries/lock/v10/customizing-error-messages


#4

But the problem is that the lock widget ALWAYS shows the same message, no matter the error: “WE’RE SORRY, SOMETHING WENT WRONG WHEN ATTEMPTING TO LOG IN”. Customizing the error message type doesn’t work.


#5