eckig 4 ​​Fehler: Uncaught (in Versprechung): Fehler: Kein Provider für ConnectionBackend! während der Injektion JSONP

Question

Wenn ich JSONP zu injizieren versuchen, sehe ich diesen Fehler

Ausnahme: RUFMODUL fehlgeschlagen mit Fehlern auf Knoten: Fehler: Uncaught (in Versprechen): Fehler: Kein Anbieter für ConnectionBackend! Fehler: Kein Provider für ConnectionBackend! bei Fehlern (native)

Meine home.component.ts Datei

import { NgModule, Component, Injectable } from '@angular/core'; 
import { HttpModule, JsonpModule, Jsonp, Response, URLSearchParams, Headers, RequestOptions } from '@angular/http'; 

@Component({ 
    selector: 'home', 
    templateUrl: './home.component.html', 
    providers: [HttpModule, JsonpModule, Jsonp] 
}) 

@Injectable() 
export class HomeComponent { 
    public jsonp: Jsonp; 
    constructor(jsonp: Jsonp) { 
     this.jsonp = jsonp; 
    } 

Bitte helfen Sie mir dieses Problem bei der Lösung.

Answer 1

providers Array kann nur haben Injectable nicht modules

providers: [HttpModule, JsonpModule, Jsonp] 

providers: [Jsonp] 

auch sicher machen sollten Sie HttpModule, JsonpModule in imports NgModule Ihrer AppModule

Answer 2

Sie vermissen Import enthalten sollte JsonpModule in Ihre app.module.ts, in den nächsten Zeilen zeige ich dir, wo du JsonpModule importieren sollst.

app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
 
    import { NgModule } from '@angular/core'; 
 
    import { JsonpModule } from '@angular/http'; 
 
    import { HttpModule } from '@angular/http'; 
 
    import { HomeComponent } from './yourComponentFolder/home.component' 
 

 
    @NgModule({ 
 
    declarations: [ 
 
    AppComponent, 
 
    HomeComponent, 
 
    ], 
 
    imports: [ 
 
    BrowserModule, 
 
    HttpModule, 
 
    JsonpModule 
 
    ], 
 
    providers: [], 
 
    bootstrap: [AppComponent] 
 
}) 
 
export class AppModule { }