ionic4 import文でエラー

Question

ionic3からionic4へのアプリの移行作業をしているのですが、
以下のインポート文の「App」がコンパイルエラーになります。
ionic4ではAppという要素はなくなったのでしょうか。

ionic3での記載

import { Platform, App } from 'ionic-angular';

ionic4での記載

import { Platform, App } from '@ionic/angular';

↑のAppが以下のエラーとなります。

import App
Module '"../../../../../../../Users/test/dev/v4app-test/node_modules/@ionic/angular/dist/core"' has no exported member 'App'.ts(2305)

解決策等を教えていただければと思います。
どうぞよろしくお願いいたします。

同じ問題で詰まっている方の投稿がありました。(解決には至っていないようです)
https://stackoverflow.com/questions/56024655/is-the-ionapp-class-from-ionic-angular-ionic-4-the-new-app-class-from-ion

Answer 1

私もIonic3から4への移行作業を経験し、無事終えました。

公式ドキュメントにIonic3から4への移行手順が書かれております。この手順通りに行う事をオススメいたします。

import { App } from '@ionic/angular';はIonic4では生成されないはずです。

1. まずは古いIonic3プロジェクトを公式のマークアップ変更ツールを使用してマークアップをIonic4のものにし、（私がやった時は1,2割は手動で手直しが必要でした）

2. ionic startでblankを選択して新しいIonic4プロジェクトを作り、ionic g pageなどで一つづつ生成して移行していくのが良いと思います。

アプリの規模にもよりますが、正直かなり大変な作業でした。

Ionic4への移行作業に関しては力になれると思いますので、何か有りましたらまたご質問ください。

Comments

[Hyonta]

ありがとうございます！
やはり移行は大変なんですね。
Ionic3の import { App } from '@ionic/angular'; は、以下のようにページ遷移?で使っておりました。
this.app.getRootNav().push(this.TabsPage);

Ionic4ではAngularルーティングになることからAppが使えなくなったと思えばいいでしょうか。
ページ遷移の部分はすべて改修が必要になるでしょうか。

[k-yoshida]

>Ionic4ではAngularルーティングになることからAppが使えなくなったと思えばいいでしょうか。

AppがIonic4で使えるかどうかは未確認なのですが、おそらく使えないと思います。
Angularルーティングで書き換えるか、以下が使えるかもしれません
https://ionicframework.com/jp/docs/api/nav

私の場合はIonic3のNavControllerをAngularのルーティングで改修しました。

[Hyonta]

ご丁寧にありがとうございます。ベストアンサーにいたしました。
もし可能でしたら、Ionic3のNavControllerをAngularのルーティングで改修したサンプルって頂けますでしょうか。