Angular2 + typescript + jspm：没有 Http 提供程序（应用程序 -> 提供程序 -> Http ）

我尝试使用 system.js 从 Webpack 迁移到 JSPM。我们有简单的应用程序组件。我正在阅读这篇文章在 Atom 中使用 JSPM、SystemJS 和 Typescript 进行 Angular 2 入门设置（第 1 部分） http://www.mario-brendel.com/angular2-setup/2016/01/28/Angular2_Jspm_Setup_Part1/

import {Component} from 'angular2/core';
import {Bus} from './business.service';

@Component({
  selector: 'app',
  template: `
  <p>Hello World</p>
  `,
  providers:[Bus]
})
export class App {
  constructor(private bus : Bus) { }
}

和简单的（商业）服务Http

import {Injectable} from 'angular2/core';
import {Http, Response, Headers, RequestOptions} from 'angular2/http';
import {Observable}     from 'rxjs/Observable';

@Injectable()
 export class Bus {

  constructor(private http: Http){

  }
}

在 Webpack 中工作正常，但在 systemjs 中我收到此错误

例外：没有 Http 提供者！ （应用程序 -> 总线 -> Http）

I read Angular2 没有 NameService 提供者 https://stackoverflow.com/questions/30580083/angular2-no-provider-for-nameservice但他们谈论的是 Angular2 alpha 并且提供商中没有提供商，我们使用 beta@7

我也玩

import {Component} from 'angular2/core';
//import {Bus} from './business.service';
import {Http, Response, Headers, RequestOptions} from 'angular2/http';
@Component({
  selector: 'app',
  template: `
  <p>Hello World</p>
  `,
  providers:[Http]
})
export class App {
  constructor(private bus : Http) { }
}

但错误更奇怪

例外：没有 ConnectionBackend 提供程序！ （应用程序 -> Http -> 连接后端）

我什至尝试更改为 angular2-beta@6。还有 angular2-beta@1 你知道我做错了什么吗？谢谢

使用加载器版本：[email protected] /cdn-cgi/l/email-protection

>= RC.5

Add HttpModule到进口的AppModule:

@NgModule({
  imports: [HttpModule],
  ...
})
export class AppModule {}

你需要添加HTTP_PROVIDERS到引导程序中的提供者列表

import {HTTP_PROVIDERS} from 'angular2/http';
<!-- -->
bootstrap(AppComponent, [HTTP_PROVIDERS]);

也可以看看https://angular.io/docs/ts/latest/api/http/HTTP_PROVIDERS-let.html https://angular.io/docs/ts/latest/api/http/HTTP_PROVIDERS-let.html