Question

当我尝试注入Jsonp时，我看到了这个错误

异常：调用节点模块失败并显示错误：错误：未捕获（在承诺中）：错误：没有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]

另外，请务必在HttpModule, JsonpModule

的imports NgModule中添加AppModule

Answer 2

您错过JsonpModule中的导入app.module.ts，在我向您展示的下一行中，您应该导入 JsonpModule 。

<强> app.module.ts

＆＃13;

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

＆＃13;

angular 4错误：未捕获（在承诺中）：错误：没有ConnectionBackend的提供者！同时注入Jsonp

2 个答案: