HTTP in Angular 2 verwenden: @ angular/http/bundles/http.umd.js/src nicht gefunden

Question

Ich versuche HTTP-Modul in eckigen 2 zu verwenden. Hier sind die Teile des Codes, die ich hinzugefügt habe, in der Hoffnung, es wäre genug (ohne Verwendung von IT):

systemjs.config.js (mapping)

'@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"} 

Fehler erhalte ich:

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(…) 

Ich checkte und http.umd.js Datei bei @ Winkel/http/Bündel/http.umd zur Verfügung steht. js. Warum ist eckige Überprüfung @ eckig/http/Bundles/http.umd.js/src?

Answer 1

Du Http falschen Weg in Angular2 verwenden, sollte es sein,

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

@NgModule({ 
    imports: [BrowserModule,HttpModule], 
    ... 
}) 

Jetzt in Komponenteeg. AppComponent

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