1

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"
}
4

2 に答える 2

5

わかりました、私は解決策を見つけました、

Ionic 2、Beta 7 では、以下を使用する必要があります。

'@angular/http' から {Http} をインポートします。

于 2016-05-21T10:41:18.450 に答える
4

これが誰かの役に立つ場合に備えて、 Ionic 2 ベータ 7 (または現在のベータ 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. 端末から次のコマンドを実行して、 の gulp タスクを更新しますionic-gulp-scripts-copy

    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. inのインポートを削除angular2-polyfillsindex.htmlます。

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

    次のスクリプトに置き換えます。

    <script src="build/js/zone.js"></script>
    <script src="build/js/Reflect.js"></script>
    
  6. のすべてのテンプレート変数を に置き換えngForますlet。例えば:

    *ngFor="#session of group.sessions"
    

    になる

    *ngFor="let session of group.sessions"
    
  7. のすべてのテンプレート変数を置き換えますvirtualScroll。例えば:

    *virtualItem="#item"
    

    になる

    *virtualItem="let item"
    
  8. 詳細な変更については、Angular Changelogを参照してください。

于 2016-06-07T09:15:32.657 に答える