No provider for AuthHttp! when it's provided correctly

At least I thought I was providing correctly. Below are the relevant snippets of my app.module file and the service in which I use AuthHttp. I followed the configuration in the ReadMe for creating the factory method to provide for AuthHttp, but there is a persisting issue with it not being recognized in my service. I’ve read the literature on nested dependency injections, and I feel as though I’m doing things correctly.

app.module.ts

import { provideAuth, AuthHttp, AuthConfig } from 'angular2-jwt';

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

@NgModule({
    declarations: [
        AppComponent,
        ButtonFormComponent,
...
imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        RouterModule,
        AppRoutingModule
    ],
    providers: [
        {
            provide: LocationStrategy,
            useClass: HashLocationStrategy
        },
        {
            provide: AuthHttp,
            useFactory: authHttpServiceFactory,
            deps: [Http, RequestOptions]
        },

employee.service.ts

import { AuthHttp } from 'angular2-jwt';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/map';
import 'rxjs/add/observable/throw';

import { ApiSettings } from './api-settings';


@Injectable()
export class EmployeeService {
	api: String;
	auth: String;
	constructor(private http: Http, private authHttp: AuthHttp) {
		this.api = ApiSettings.API;
		this.auth = ApiSettings.Auth;
	}

[morismael]

I ran into the same issue and fought for days using Github and this repo. It turned out that the solution is very simple as I found on StackOverFlow: (https://stackoverflow.com/a/42064959):

In app.module.ts:

import { AUTH_PROVIDERS } from 'angular2-jwt';
...
providers: [AUTH_PROVIDERS, ...],

As simple as that!

[carl-angelo]

You just have to import your auth.module in app.module.

app.module.ts

@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, HttpModule, FormsModule, AuthModule // <----- Here is the auth.module class ], providers: [ AuthGuard, AlertService, AuthenticationService ], bootstrap: [AppComponent] })

export class AppModule { }