Using HTTP in Angular 2: @angular/http/bundles/http.umd.js/s

Question

我尝试在angular 2中使用HTTP模块。以下是我添加的部分代码，希望它足够了(不包括它的使用):

systemjs.config.js (映射)

' @angular/http': 'npm:@angular/http/bundles/http.umd.js'

app.module.ts

import { Http }  from '@angular/http';
(...)
@NgModule({imports: [(...), Http]

package.json

"dependencies": { (...), "@angular/http": "2.0.0"}

错误我得到:

zone.js:1274 GET http://localhost:3000/node_modules/@angular/http/bundles/http.umd.js/src 404 (Not Found)scheduleTask @ zone.js:1274ZoneDelegate.scheduleTask @ zone.js:216Zone.scheduleMacroTask @ zone.js:153(anonymous function) @ zone.js:1304send @ VM700:3fetchTextFromURL @ system.src.js:1051(anonymous function) @ system.src.js:1781ZoneAwarePromise @ zone.js:478(anonymous function) @ system.src.js:1780(anonymous function) @ system.src.js:2809(anonymous function) @ system.src.js:3387(anonymous function) @ system.src.js:3701(anonymous function) @ system.src.js:4093(anonymous function) @ system.src.js:4556(anonymous function) @ system.src.js:4825(anonymous function) @ system.src.js:407ZoneDelegate.invoke @ zone.js:203Zone.run @ zone.js:96(anonymous function) @ zone.js:462ZoneDelegate.invokeTask @ zone.js:236Zone.runTask @ zone.js:136drainMicroTaskQueue @ zone.js:368ZoneTask.invoke @ zone.js:308
(index):31 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/node_modules/@angular/http/bundles/http.umd.js/src(…)

我检查了，http.umd.js文件在@angular/http/bundles/http.umd.js。为什么angular要检查@angular/http/bundles/http.umd.js/src?

Answer 1

你在Angular2中使用 Http 错误的方式，它应该是，

import { HttpModule }    from '@angular/http';
@NgModule({
    imports: [BrowserModule,HttpModule],
    ...
})

现在组件 eg. AppComponent

import { Http }  from '@angular/http';