angularjs – 角度2给SystemJS找不到/ angular2/http模块

我为Angular 2创造了一个服务:
import {Injectable} from "angular2/core";
import {Http} from "angular2/http";
import {TaskModel} from "./tasks.model"

@Injectable()
export class TasksDataService {

  tasks:Array<any>;

  constructor(http:Http) {

    this.tasks = [
      new TaskModel("dishes"),new TaskModel("Cleaning the garage"),new TaskModel("Mow the grass")
    ];
  }

  getTasks():Array<any> {
    return this.tasks;
  }
}

当我运行我的程序浏览器显示

system.src.js:1049 GET http:// localhost:3000 / angular2 / http.js 404(未找到)

我已经看了教程,它们包括了相同的角度/ http。有谁看到出了什么问题?

您需要检查是否在主HTML文件中包含http.dev.js文件
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
<script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="node_modules/angular2/bundles/http.dev.js"></script>

您需要添加HTTP_PROVIDERS作为引导函数的第二个参数:

import { HTTP_PROVIDERS } from 'angular2/http';

bootstrap(MyMainComponent,[ HTTP_PROVIDERS ]);

希望它能帮助你,蒂埃里

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...