auth0 http interceptor StaticInjectorError

Question

Following the docs in the auth0 documentation about calling an api after setting up the auth0 service in an angular application

https://auth0.com/docs/quickstart/spa/angular/02-calling-an-api

And creating the httpinterceptor with the guidance of a more detailed example:

https://github.com/auth0/auth0-angular#configure-authhttpinterceptor-to-attach-access-tokens

I have my interceptor:

imports: [ BrowserModule, RouterModule, FontAwesomeModule, RecaptchaV3Module, FormsModule, HttpClientModule, AppRoutingModule, HttpClientModule, AuthModule.forRoot({ domain: environment.auth0_domain, clientId: environment.auth0_client_id, redirectUri: window.location.origin, // The AuthHttpInterceptor configuration httpInterceptor: { allowedList: [ 'example.com/*', 'example2.com/*' ], }, }) ], providers: [Addemailtomarketinglistservice, { provide: HTTP_INTERCEPTORS, useClass: AuthHttpInterceptor, multi: true }, {provide: RECAPTCHA_V3_SITE_KEY, useValue: environment.recaptcha_site_key }, Googlerecaptchaservice, AuthService, HidecomponentService, S3Service], bootstrap: [AppComponent]

I receive the following error when making any api call:

ERROR NullInjectorError: StaticInjectorError(AppModule)[InjectionToken HTTP_INTERCEPTORS -> AuthClientConfig]: StaticInjectorError(Platform: core)[InjectionToken HTTP_INTERCEPTORS -> AuthClientConfig]: NullInjectorError: No provider for AuthClientConfig!

Also here are some imports to see what libraries I am using

import { AuthHttpInterceptor, AuthModule } from '@auth0/auth0-angular';

import {HttpClientModule, HTTP_INTERCEPTORS} from '@angular/common/http';

Here is my angular version output:

 / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 8.3.29 Node: 12.14.1 OS: darwin x64 Angular: 8.2.14 ... animations, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... router Package Version ----------------------------------------------------------- @angular-devkit/architect 0.803.29 @angular-devkit/build-angular 0.803.29 @angular-devkit/build-optimizer 0.803.29 @angular-devkit/build-webpack 0.803.29 @angular-devkit/core 8.3.29 @angular-devkit/schematics 8.3.29 @angular/cli 8.3.29 @ngtools/webpack 8.3.29 @schematics/angular 8.3.29 @schematics/update 0.803.29 rxjs 6.4.0 typescript 3.5.3 webpack 4.39.2

What version of angular are you using?

Tejeshree
– Tejeshree

2020-11-10 05:34:13 +00:00
Commented Nov 10, 2020 at 5:34 — Tejeshree
– Tejeshree, Commented Nov 10, 2020 at 5:34
@Tejeshree updated the question with it

Christopher Jakob
– Christopher Jakob

2020-11-10 05:39:17 +00:00
Commented Nov 10, 2020 at 5:39 — Christopher Jakob
– Christopher Jakob, Commented Nov 10, 2020 at 5:39

Tejeshree · Accepted Answer · 2020-11-10 05:40:49Z

2

Auth0 Angular SDK- A library for integrating Auth0 into an Angular 9+ application. Please update your angular.

answered Nov 10, 2020 at 5:40

Tejeshree

9726 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Christopher Jakob Over a year ago

unfortunately the issue still persists. Any other ideas by chance? Looking into the docs now

Tejeshree Over a year ago

is the issue still NullInjectorError: No provider for AuthClientConfig!? Can you provide more info

Christopher Jakob Over a year ago

That issue I was able to resolve. So no you where right thank you

Adnan Fayaz Over a year ago

@ChristopherJakob how did you manage to do it

Collectives™ on Stack Overflow

auth0 http interceptor StaticInjectorError

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related