angular 4錯誤：未捕獲（承諾）：錯誤：沒有ConnectionBackend的提供程序！ 在注入Jsonp時

Question

當我嘗試注入Jsonp時，我看到此錯誤

異常：調用Node模塊失敗，並顯示以下錯誤：錯誤：未捕獲（承諾）：錯誤：沒有ConnectionBackend的提供程序！ 錯誤：沒有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]

應該

providers: [Jsonp]

還要確保在AppModule的imports NgModule中應該包含HttpModule, JsonpModule AppModule

Answer 2

您JsonpModule在JsonpModule中錯過import JsonpModule ，在接下來的app.module.ts行中，我向您展示了應該在哪里導入JsonpModule 。

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