angular 4エラー：Uncaught（約束しています）：Error：ConnectionBackendのプロバイダがありません！ JSONP

Question

を注入しながら、私はJSONPを注入しようとしていたとき、私はこのエラー

例外見ています：モジュールをノードにコールすると、エラーで失敗しました：エラー：キャッチされない（約束で）：エラー：ConnectionBackendなしのプロバイダ！ Error：ConnectionBackendのプロバイダがありません！エラーで （ネイティブ）

マイhome.component.tsが

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; 
    } 

ファイルこの問題を解決するために私を助けてください。

Answer 1

providers配列だけでInjectableないmodules

providers: [HttpModule, JsonpModule, Jsonp] 

はまた、あなたはあなたが輸入JsonpModuleを逃し、あなたのAppModule

Answer 2

のHttpModule, JsonpModuleimportsでNgModuleを含めるべきであることを確認してください

providers: [Jsonp] 

あるべきことができますあなたのapp.module.ts、次の行に、私はあなたにどこにインポートする必要があるかを示しますJsonpModule。あなたのルートモジュールで `imports`配列（おそらく` app.module.ts`に `HttpModule`を追加する必要があります

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 { }