CODEWITHSUNDEEP
angularangular2-jwt
Mort
Mort

Reputation: 1481

angular2-jwt - Calling function 'provideAuth', function calls are not supported

I'm using angular2-jwt plugin for Authentication in my angular2/4 app. but after setting up the environment i can use it for once. after rebuilding the project the below error shows up.

error:

ERROR in Error encountered resolving symbol values statically. Calling function 'provideAuth', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol AppModule in /home/user/projects/project/src/app/app.module.ts, resolving symbol AppModule in /home/user/projects/project/src/app/app.module.ts

my app.module.ts

@NgModule({
imports: [
   HttpModule,
   BrowserModule,
   BrowserAnimationsModule,
   AppRoutingModule,
   BsDropdownModule.forRoot(),
   TabsModule.forRoot(),
   ChartsModule,
   LaddaModule,
   FormsModule,
   ToasterModule
],
declarations: [
   AppComponent,
   LoginComponent,
   FullLayoutComponent,
   AsideToggleDirective,
   DashboardMenuComponent,
],
providers: [
  {
  provide: LocationStrategy,
  // useFactory: authHttpServiceFactory,
  // deps: [Http, RequestOptions],
  useClass: HashLocationStrategy,
  },
  AuthenticationService,
  AuthGuard,
  Auth,
  AuthHttp,
  provideAuth({
     headerName: 'Authorization',
     headerPrefix: 'bearer',
     tokenName: 'token',
     // tokenGetter: (() => localStorage.getItem('token')),
     globalHeaders: [{'Content-Type': 'application/json'}],
     noJwtError: true
})
],
bootstrap: [AppComponent]
})

after getting this error i export the function like this:

export function authHttpServiceFactory(http: Http, options: RequestOptions) {
return new AuthHttp(new AuthConfig(), http, options);
}

and imported in providers but the error will be:

ERROR Error: Uncaught (in promise): Error: No provider for AuthHttp!

after adding AuthHttp in providers the error will be:

ERROR Error: Uncaught (in promise): Error: No provider for AuthConfig!

Upvotes: 0

Views: 269

Answers (1)

Rajez
Rajez

Reputation: 4067

Provide as

    providers: [
     AuthHttp,
     {
        provide: AuthHttp,
        useFactory: authHttpServiceFactory,
        deps: [Http, RequestOptions]
     }
   ]


   export function authHttpServiceFactory(http: Http, options: RequestOptions) {
       return new AuthHttp(new AuthConfig({
          headerName: 'Authorization',
          headerPrefix: 'bearer',
          tokenName: 'token',
          // tokenGetter: (() => localStorage.getItem('token')),
          globalHeaders: [{'Content-Type': 'application/json'}],
          noJwtError: true
      }), http, options);
    }

Upvotes: 1

Related Questions