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.
Redigera din
package.jsonoch ta bortangular2-posten:"angular2": "2.0.0-beta.15"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-metadataKö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Ändra sedan alla importer i din applikation från
angular2till@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';Ta bort importen för
angular2-polyfillsiindex.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>Byt ut alla mallvariabler i
ngFormedlet. Till exempel:*ngFor="#session of group.sessions"blir
*ngFor="let session of group.sessions"Ersätt alla mallvariabler i
virtualScroll. Till exempel:*virtualItem="#item"blir
*virtualItem="let item"Se Angulars ändringslogg för mer detaljerade förändringar.
