My application is using Auth0Lock as below but I’m just getting a spinning wheel instead of my login field (email/username + password fields).
My debug statements aren’t available in the developer tool console and my Auth0 clientID and domain are correct. I have allowed CORS origins set up correctly.
How can I debug, diagnose, and resolve this issue?
It gets stuck on the auth0-loading-container on instpection.
// Initialize Auth0Lock with debugging information
const lock: Auth0LockStatic = new Auth0Lock(AUTH_CONFIG.clientID, AUTH_CONFIG.auth0Domain, {
avatar: null,
auth: {
redirectUrl: AUTH_CONFIG.callbackURL,
responseType:
//@ts-ignore
(AUTH_CONFIG.internalOptions || {}).response_type ||
(AUTH_CONFIG.callbackOnLocationHash ? 'token' : 'code'),
params: AUTH_CONFIG.internalOptions,
},
configurationBaseUrl: AUTH_CONFIG.clientConfigurationBaseUrl,
overrides: {
__tenant: AUTH_CONFIG.auth0Tenant,
__token_issuer: AUTH_CONFIG.authorizationServer.issuer,
},
assetsUrl: AUTH_CONFIG.assetsUrl,
allowedConnections: connection ? [connection] : null,
rememberLastLogin: !prompt,
language: language,
languageDictionary: languageDictionary,
mustAcceptTerms: true,
theme: {
logo: AUTH_CONFIG.icon,
primaryColor: colors.primary ? colors.primary : 'green',
},
initialScreen: AUTH_CONFIG.extraParams.initialScreen,
prefill: loginHint ? { email: loginHint, username: loginHint } : null,
closable: false,
defaultADUsernameFromEmailPrefix: false,
});
console.log('Auth0 Lock initialized'); // Log initialization
lock.show(); // Display the Auth0 Lock widget