: Property 'crossOriginVerification' does not exist on type 'WebAuth'

t.sterczynski · May 2, 2018, 1:12pm

Hello.
For this issue :

Failed to load https://watchdog.eu.auth0.com/oauth/token: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://my-website.com’ is therefore not allowed access.

I try to use the .crossOriginVerification on a new auth0.WebAuth. in my constructor with a SPA.

I use dependencies “auth0-js”: “^9.4.2”, “@angular/core”: “^4.3.6”,
and import * as auth0 from ‘auth0-js’;

But i said to me “: Property ‘crossOriginVerification’ does not exist on type ‘WebAuth’”

The WebAuth looks not to be the good one, in the exemple in (callback-cross-auth.html) they use the

here is my code:
this.appSettingsService.settings$.map(settings => {
new auth0.WebAuth({
clientID: settings.auth0.clientId,
domain: settings.auth0.domain,
redirectUri: ${location.protocol}//${location.host}/my-profile,
}).crossOriginVerification();
});

Wath i do wrong ?

Is my @types use not the good implementaion of crossOriginVerification(); for typescript ?

luis.rudge · May 7, 2018, 8:46pm

This is probably a type definition issue. This method definitely exists:

github.com

auth0/auth0.js/blob/master/src/web-auth/index.js#L723


      
          * @param {String} options.email address where the user will receive the change password email. It should match the user's email in Auth0
          * @param {String} options.connection name of the connection where the user was created
          * @param {changePasswordCallback} cb
          * @see   {@link https://auth0.com/docs/api/authentication#change-password}
          * @memberof WebAuth.prototype
          */
          WebAuth.prototype.changePassword = function (options, cb) {
           return this.client.dbConnection.changePassword(options, cb);
          };
          
          
/**
          * Starts a passwordless authentication transaction.
          *
          * @method passwordlessStart
          * @param {Object} options
          * @param {String} options.send what will be sent via email which could be `link` or `code`. For SMS `code` is the only one valid
          * @param {String} [options.phoneNumber] phone number where to send the `code`. This parameter is mutually exclusive with `email`
          * @param {String} [options.email] email where to send the `code` or `link`. This parameter is mutually exclusive with `phoneNumber`
          * @param {String} [options.captcha] the attempted solution for the captcha, if one was presented
          * @param {String} options.connection name of the passwordless connection
          * @param {Object} [options.authParams] additional Auth parameters when using `link`

However, the endpoint you’re trying to reach (oauth/token) doesn’t need to use that method and it’s not meant to be called from the browser. You should use webAuth.login instead.