Ionicによって生成されたページをアプリのルートページとして使用する方法

Question

私は足をIonicとAngularで湿らせようとしています。私はionic start tabs-app tabs --tsでIonicアプリを作った。私はionic g page event-homeでページを作成しました。

次に、私は私のホームページとしてその生成されたページを設定したい、何かを変えずに、私は今、私はionic serveにしようとした場合

... 
import { EventHomePage } from '../pages/event-home/event-home'; 
... 
export Class MyApp { 
    rootPage:any = EventHomePage; 
} 

にapp.component.tsを更新：Error: Uncaught (in promise): Error: No component factory found for EventHomePage. Did you add it to @NgModule.entryComponents?

だから、私はapp.module.tsでentryComponentsにそれを追加してみてください：

... 
import { EventHomePage } from '../pages/event-home/event-home'; 
... 
@NgModule({ 
    ... 
    entryComponents: [ 
    EventHomePage, 
    ... 
    ] 
}) 
export class AppModule{} 

今、私は単純な作業が非常に困難証明しているようが思わ何をしようとしている、だから、Component EventHomePage is not part of any NgModule or the module has not been imported into your module.

を取得します。

ionicによって生成されたページにイオン生成アプリケーションのホームページを変更するにはどうすればよいですか？

Answer 1

最近のバージョンがionic-cliのページを生成した場合、そのページは@IonicPageデコレータで作成されています。その場合はevent-home.module.tsファイルもevent-home.tsファイルと同じフォルダに置く必要があります。その表記法で

あなたはapp.component.tsでページコンポーネントをインポートする必要はありませんが、文字列としてページを呼び出します。

rootPage:any = 'EventHomePage'; 

がhttp://blog.ionicframework.com/ionic-and-lazy-loading-pt-1/とhttp://blog.ionicframework.com/ionic-and-lazy-loading-pt-2/

Answer 2

ます。またEventHomePageが定義されているモジュールをインポートする必要がありますまたはあなたが同様の宣言に追加し、それが動作するはずapp.module.ts

Answer 3

@NgModule({ 
declarations:[ 
    EventHomePage 
    ], 
entryComponents:[ 
    EventHomePage 
]}) 

の宣言でEventHomePageを追加する必要があります。