angular - importerar angular2/http i ionic 2 ger fel "kan inte hitta modul"


Jag har börjat lära mig Ionic 2 och jag har ett problem med att importera beroenden i min app.ts-fil.

när jag vill använda:

"import {Http} from "angular2/http";

det visar mig, fel med detta ämne:

[ts] cannot find module 'angular2/http'.

detta är innehållet i min package.json:

"dependencies": {
"@angular/common": "^2.0.0-rc.1",
"@angular/compiler": "^2.0.0-rc.1",
"@angular/core": "^2.0.0-rc.1",
"@angular/http": "^2.0.0-rc.1",
"@angular/platform-browser": "^2.0.0-rc.1",
"@angular/platform-browser-dynamic": "^2.0.0-rc.1",
"@angular/router": "^2.0.0-rc.1",
"es6-shim": "^0.35.0",
"ionic-angular": "2.0.0-beta.7",
"ionic-native": "^1.1.0",
"ionicons": "3.0.0",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.6",
"zone.js": "^0.6.12"
}

Svar #1

okej, jag hittade en lösning,

i Ionic 2, Beta 7, bör vi använda:

import {Http} från '@angular/http';

Svar #2

Bara ifall detta kan vara användbart för någon, finns det några andra ändringar du skulle behöva göra för att uppgradera till Ionic 2 beta 7 (eller beta 8 nu).

Du kan ta en titt på de rekommenderade stegen (och störande förändringar som den här) här.

=========

REDIGERA:

Som Bond - Java Bond antyder, är detta de brytande förändringarna ifall länken slutar fungera:

2.0.0-beta.7 (2016-05-19) BRYTANDE ÄNDRINGAR

Angular-uppdatering till 2.0.0-rc.1

Angular har uppdaterats till 2.0.0-rc.1, följ dessa steg för att uppdatera Angular.

  1. Redigera din package.json och ta bort angular2-posten:

    "angular2": "2.0.0-beta.15"
    
  2. Kör sedan följande kommando från en terminal för att uppdatera Ionic och Angular, eller ta en titt på starter-filens package.json-ändringar och uppdatera varje version:

    npm install --save [email  @angular/core @angular/compiler @angular/common @angular/platform-browser @angular/platform-browser-dynamic @angular/router @angular/http [email  [email  reflect-metadata
    
  3. Kör följande kommando från en terminal för att uppdatera gulp-uppgiften för ionic-gulp-scripts-copy:

    npm install --save-dev [email 
    
  4. Ändra sedan alla importer i din applikation från angular2 till @angular. Till exempel följande.

    import {ViewChild} from 'angular2/core';
    import {Http} from 'angular2/http';
    

    blir

    import {ViewChild} from '@angular/core';
    import {Http} from '@angular/http';
    
  5. Ta bort importen för angular2-polyfills i index.html:

    <script src="build/js/angular2-polyfills.js"></script>
    

    och ersätt det med följande skript:

    <script src="build/js/zone.js"></script>
    <script src="build/js/Reflect.js"></script>
    
  6. Byt ut alla mallvariabler i ngFor med let. Till exempel:

    *ngFor="#session of group.sessions"
    

    blir

    *ngFor="let session of group.sessions"
    
  7. Ersätt alla mallvariabler i virtualScroll. Till exempel:

    *virtualItem="#item"
    

    blir

    *virtualItem="let item"
    
  8. Se Angulars ändringslogg för mer detaljerade förändringar.