在ionic 2中導入angular2 / http具有錯誤“找不到模塊”

Question

我開始學習ionic 2，並且在我的app.ts文件中導入依賴項時遇到問題。

當我想使用時：

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

它告訴我，這個問題的錯誤：

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

這是我的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"
}

Answer 1

好的，我找到了解決方案，

在Ionic 2，Beta 7中，我們應該使用：

從'@ angular / http'導入{Http}；

Answer 2

以防萬一這可能對某人有用，為了升級到Ionic 2 beta 7 （或現在的beta 8），您還需要做一些其他更改。

您可以在此處查看建議的步驟（以及類似的重大更改 ）。

=========

編輯：

正如Bond-Java Bond所建議的，這些是鏈接失效時的重大更改：

2.0.0-beta.7（2016-05-19）更改

角更新到2.0.0-rc.1

Angular已更新為2.0.0-rc.1，請按照以下步驟更新Angular。

1. 編輯您的package.json並刪除angular2條目：

    "angular2": "2.0.0-beta.15" 

2. 然后，從終端運行以下命令以更新Ionic和Angular，或查看啟動程序的package.json更改並更新每個版本：

    npm install --save ionic-angular@2.0.0-beta.7 @angular/core @angular/compiler @angular/common @angular/platform-browser @angular/platform-browser-dynamic @angular/router @angular/http rxjs@5.0.0-beta.6 zone.js@0.6.12 reflect-metadata 

3. 從終端運行以下命令以更新ionic-gulp-scripts-copy的gulp任務：

    npm install --save-dev ionic-gulp-scripts-copy@2.0.0 

4. 然后，將應用程序中的所有導入從angular2為@angular 。 例如，以下。

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

   變成

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

5. 在index.html刪除angular2-polyfills的導入：

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

   並將其替換為以下腳本：

    <script src="build/js/zone.js"></script> <script src="build/js/Reflect.js"></script> 

6. 用let替換ngFor所有模板變量。 例如：

    *ngFor="#session of group.sessions" 

   變成

    *ngFor="let session of group.sessions" 

7. 替換virtualScroll所有模板變量。 例如：

    *virtualItem="#item" 

   變成

    *virtualItem="let item" 

8. 查看Angular Changelog了解更多深度更改。