Угловая Error 2 Service - Нет поставщика для Http

Question

В настоящее время я получаю следующее сообщение об ошибке:

EXCEPTION: No provider for Http! (Login -> AuthHttp -> Http)

AuthHttp является ссылкой на Angular2-JWT. Может ли это быть проблемой? Я смотрел на это некоторое время, и я не могу найти, какую ошибку я мог бы иметь.

В моем login.ts:

import {Component} from 'angular2/core'; 
import { 
    FORM_DIRECTIVES, 
    FormBuilder, 
    ControlGroup, 
    Validators, 
    AbstractControl, 
    Control 
} from 'angular2/common'; 
import {Http, Headers} from 'angular2/http'; 
import {Router} from 'angular2/router'; 

import {ButtonRadio} from 'ng2-bootstrap/ng2-bootstrap'; 
import {AuthHttp, AuthConfig} from 'angular2-jwt'; 

import {AuthService} from '../../services/auth/authService'; 
import {AlertService} from '../../services/alerts/alertsService'; 
import {User} from '../../datatypes/user/user'; 

@Component({ 
    selector: 'login', 
    template: require('./login.html'), 
    directives: [ ButtonRadio, FORM_DIRECTIVES ], 
    providers: [AuthService, AlertService, Http, AuthHttp] 
}) 

В моем main.ts:

document.addEventListener('DOMContentLoaded', function main() { 
    bootstrap(App, [ 
    ('production' === process.env.ENV ? [] : ELEMENT_PROBE_PROVIDERS), 
    HTTP_PROVIDERS, 
    ROUTER_PROVIDERS, 
    provide(LocationStrategy, { useClass: HashLocationStrategy }), 
    provide(AuthConfig, { useFactory:() => { 
     return new AuthConfig({ 
     headerName: 'Authorization', 
     //headerPrefix: 'Bearer ', 
     tokenName: 'auth_token', 
     noJwtError: true 
     }); 
    }}), 
    AuthHttp, 
    Http, 
    ConnectionBackend 
    ]) 
    .catch(err => console.error(err)); 
}); 

Answer 1

Похоже, что это действительно ошибка с Angular2-jwt или, по крайней мере, с его конфигурацией. Here is the way it should be configured.

Тем не менее, мне удалось немного почистить вещи. Если эта проблема на самом деле идет глубже, я попытаюсь снова открыть ее.

Answer 2

Вы должны добавить HTTP_BINDINGS

import {HTTP_BINDINGS} from 'angular2/http'; 


bootstrap(..., [ 
    ... 
    HTTP_BINDINGS, 
    ... 
]).catch(...);