私はまだ開発中のionic2アプリにルーティングを設定しようとしていました。私は全くルーティングの概念に慣れていません。私が行ったことは、NavCtrl.push()またはNavCtrl.setRoot()に基づいています。Angular2、ionic2:angular2 finalでルーティングを正確に実装する方法は?
しかし、公式サイトのコードに従うと、https://angular.io/docs/ts/latest/guide/router.htmlです。アプリの実行中にいくつかのエラーが発生しました。ここではルーティング用に作成したapp.routing.tsファイルを示します。
import { Routes, RouterModule } from '@angular/router';
import { Contest } from '../pages/contest/contest';
export const appRoute: Routes = [
{ path: '', redirectTo: 'Contest', pathMatch: 'full' },
{ path: 'Contest', component: Contest}
]
export const appRouting = [
RouterModule.forRoot(appRoute)
];
このステートメントをapp.component.tsにインポートし、コンストラクタに挿入しました。私は、次のステートメントをインポートしても@ngModule
import { RouterModule, Routes } from '@angular/router';
import {appRouting} from './app.routing';
imports: [appRouting,
IonicModule.forRoot(MyApp)
内部の輸入にそれらを設定app.module.tsで
import { Router } from '@angular/router';
constructor(public platform: Platform,protected _router: Router) {
this.initializeApp();
]
私は私のアプリで<router-outlet></router-outlet>
を置きます。 html file.Onを実行しようとすると、次のエラーが表示されます。
ランタイムエラー: WEBPACK_IMPORTED_MODULE_0__angular_core .Versionはコンストラクタ
活字エラーではありません。 モジュール ' "C:/ユーザー/ Impromptu_coder/DEM/node_modules/@角度/コア/インデックス"' いいえ輸出していますメンバー 'NgProbeToken
Typescriptエラー: モジュール' C:/ Users/Impromptu_coder/dem/node_modules/@ angular/core/index ''エクスポートされたメンバ 'Version'がありません。
私はionic2とangular2でのルーティングについてインターネット上の多くの情報源を使いましたが、そのほとんどは推奨されていないようです。
Ionic2:ここで私が使用している
現在のバージョンはv2.2.1
NPM:3.10.10
コルドバ:6.5.0
Angular2:最終リリースRC5
私のアプリでルーティングを設定する正確な手順は何か教えてください。依存関係をインストールする必要はありますか?
1)Ionic2 2.2.1は角度2.4.9を使用しており、角度rc5を使用しています。 2)Ionicは、angle2ルーティングと同じではない独自のルーティングを使用しています。 – misha130