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