在Angular 2中使用HTTP：未找到@ angular/http/bundles/http.umd.js/src

Question

我嘗試在角度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可在@角/ HTTP /包/ http.umd。 js。爲什麼角度檢查@ 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';