在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了解更多深度更改。