Wie man eine Ionic generierte Seite als App root page verwendet

Question

Ich versuche nur, meine Füße mit Ionic und Angular nass zu machen. Ich habe eine Ionic App mit ionic start tabs-app tabs --ts erstellt. Ich habe dann eine Seite mit ionic g page event-home erstellt.

Als nächstes wollte ich, dass die generierte Seite als meine Homepage setzen, so, ohne sonst etwas zu ändern, ich app.component.ts aktualisiert zu

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

Nun, wenn ich zu ionic serve versuchen: Error: Uncaught (in promise): Error: No component factory found for EventHomePage. Did you add it to @NgModule.entryComponents?

Also, ich versuche Zugabe zu entryComponents in app.module.ts:

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

Jetzt 210

ich Component EventHomePage is not part of any NgModule or the module has not been imported into your module.

Also, versuchen zu tun, was scheint wie eine einfache Aufgabe ziemlich schwierig erweist.

Wie ändere ich die Startseite einer ionengenerierten App auf eine Seite, die von ionic generiert wurde?

Answer 1

Wenn Sie Ihre Seite mit einer aktuellen Version von ionic-cli erstellt haben, wurde die Seite mit dem @IonicPage Dekorierer erstellt. Wenn ja, müssen Sie auch eine event-home.module.ts Datei im gleichen Ordner wie die event-home.ts Datei haben.

Mit dieser Notation, Sie müssen nicht auf die Seite Komponente in app.component.ts importieren, aber Sie die Seite als String nennen:

rootPage:any = 'EventHomePage'; 

Siehe http://blog.ionicframework.com/ionic-and-lazy-loading-pt-1/ und http://blog.ionicframework.com/ionic-and-lazy-loading-pt-2/

Answer 2

Sie auch das Modul importieren, in denen EventHomePage definiert ist, oder Sie werden EventHomePage in den Erklärungen von app.module.ts

Answer 3

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

in einer Erklärung als auch hinzufügen hinzuzufügen haben und es sollte funktionieren .