Angular2 final：“没有ConnectionBackend的提供者”也“无法解

MyComponent_Host – inline template:0:0 caused by: No provider for ConnectionBackend!

当前的解决方案here和here建议在bootstrap()中传递HTTP_PROVIDERS,这在最终版本中似乎已弃用.

我在主模块中导入HttpModule,如下所示：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AgGridModule } from 'ag-grid-ng2/main';
import { HttpModule } from '@angular/http';

import { ProductListComponent } from './productlist.component';
@NgModule({
    imports: [BrowserModule,AgGridModule.forRoot(),HttpModule
    ],declarations: [ProductListComponent],bootstrap: [ProductListComponent]
})
export class ProductModule { }

我的引导程序看起来像这样：

import { platformBrowserDynamic  }    from '@angular/platform-browser-dynamic';
import { ProductModule } from './product/product.module';
import { ProductService } from './product/product.service';
import {AgGridNg2} from 'ag-grid-ng2/main';

const platform = platformBrowserDynamic();
platform.bootstrapModule(ProductModule);

我正在使用Http服务的服务; product.service.ts：

import { Injectable } from '@angular/core';
import { Http,Response,URLSearchParams } from '@angular/http';

@Injectable()
export class ProductService {
    constructor (private http: Http){}

productlist.component.ts

import { Component } from '@angular/core';
import { OnInit } from '@angular/core';
import { ProductService } from './product.service';
import { Http,HttpModule } from '@angular/http';
import { AgGridNg2 } from 'ag-grid-ng2/main';
import { GridOptions } from 'ag-grid/main';

@Component({
    selector: 'product-list',templateUrl: './app/product/productlist.html',})

export class ProductListComponent implements OnInit {
    Products: Array<any>;
    searchTerm = new FormControl();
    constructor(private svc: ProductService) {...}

的package.json

{
  "name": "productv2","version": "1.0.0","scripts": {
    "start": "tsc && concurrently "npm run tsc:w" "npm run lite" ","lite": "lite-server","postinstall": "typings install","tsc": "tsc","tsc:w": "tsc -w","typings": "typings"
  },"license": "ISC","dependencies": {
    "ag-grid": "~6.0.1","ag-grid-enterprise": "~6.0.1","ag-grid-ng2": "~6.0.4","@angular/common": "2.0.0","@angular/compiler": "2.0.0","@angular/core": "2.0.0","@angular/forms": "2.0.0","@angular/http": "2.0.0","@angular/platform-browser": "2.0.0","@angular/platform-browser-dynamic": "2.0.0","@angular/router": "3.0.0","@angular/upgrade": "2.0.0","core-js": "^2.4.1","reflect-metadata": "^0.1.3","rxjs": "5.0.0-beta.12","systemjs": "0.19.27","zone.js": "^0.6.23","angular2-in-memory-web-api": "0.0.20","bootstrap": "^3.3.6","ag-grid": "6.0.x","ag-grid-ng2": "6.0.x","jquery": "3.1.0"
  },"devDependencies": {
    "concurrently": "^2.2.0","lite-server": "^2.2.2","typescript": "^2.0.2","typings":"^1.3.2"
  }
}

更新/分辨率

看起来问题是陈旧的代码,可能是由于TypeScript编译器(tsc)无法正常工作.即使我做了很大的改动(即将应用程序指向一个新模块,但我仍然看到旧模块的错误),我一直看到旧的错误.此外,当我手动删除.js文件时,我没有看到它们重新编译,并且必须通过箍来重新启动它们.仍然在这里制定出最好的方法.

…

自升级到最终版本以来,我一直受到了奇怪的问题的轰炸.现在我卡住了,无法注入简单的服务.

“Can’t resolve all parameters for MyComponent”.

我添加了一个DummyService,它没有自己的依赖,我按照我能找到的每个例子.使用构造函数注入器并在组件提供程序数组中定义我的服务,也尝试在模块提供程序中添加它.我下载了最新版本的Tour of Heros示例,并在该演示中执行与HeroService相同的操作.到目前为止失去了一天.奇怪的是,RC中没有这些问题.

ProductsComponent

import { Component } from '@angular/core';
import { DummyService } from './dummy.service';
@Component({
    selector: 'products',templateUrl: './app/product/products.html',providers: [ DummyService ]
})
export class ProductsComponent {
    Products: Array<any>;
    constructor(private svc: DummyService) {}

DummyService

import { Injectable } from '@angular/core';
@Injectable()
export class DummyService {...}

我创建了一个plunker和注射工作第一次尝试..所以我的设置不同的东西？！

http://plnkr.co/edit/MdMNuSVmcVqvo0Zyu4Ca?p=preview

我现在已经将plunker中的每个文件复制/粘贴到我的本地版本中,但仍然看到错误.当我注释掉构造函数时,错误消失了.