「コンポーネントファクトリが見つかりません」エラーページ間をプッシュしようとするとき

Question

あるページから別のページにプッシュしようとするとエラーが発生します。同じページにプッシュしようとすると、そのエラーは発生しません。あるページから別のページにプッシュするときにだけエラーが発生します。 'setRoot（）'もエラーを出さない。

this.navCtrl.push(Page7); 

私はPage7をapp.module.tsに追加しました。

import { NgModule } from '@angular/core'; 
import { IonicApp, IonicModule } from 'ionic-angular'; 
import { MyApp } from './app.component'; 

import { Page1 } from '../pages/page1/page1'; 
import { Page2 } from '../pages/page2/page2'; 
import { Page3 } from '../pages/page3/page3'; 
import { Page4 } from '../pages/page4/page4'; 
import { Page5 } from '../pages/page5/page5'; 
import { Page6 } from '../pages/page6/page6'; 
import { Page7 } from '../pages/page7/page7'; 

@NgModule({ 
declarations: [ 
MyApp, 
Page1, 
Page2, 
Page3, 
Page4, 
Page5, 
Page6, 
Page7 
], 
imports: [ 
IonicModule.forRoot(MyApp) 
], 
bootstrap: [IonicApp], 
entryComponents: [ 
MyApp, 
Page1, 
Page2, 
Page3, 
Page4, 
Page5, 
Page6, 
Page7 
], 
providers: [] 
}) 

export class AppModule {} 

これはイオン性2アプリケーションです。このエラーが発生します。

EXCEPTION: Error in ./Page6 class Page6 - inline template:21:56 caused by: No component factory found for Page7 

console error

Answer 1

私は解決策を見つけました。プッシュしようとしているページを親ディレクトリに追加する必要があります。それは@NgModuleにも含める必要があります。

import {ApiServices} from '../../providers/api-services'; 
import { Visualizer } from '../Page7/Page7'; 

@Component({ 
    selector: 'page-page6', 
    templateUrl: 'page6.html', 
    providers: [ ApiServices ], 
    entryComponents:[ Page7 ] 
}) 

export class Page6 { 
    tapped(event, id) { 
     this.navCtrl.push(Page7,{ 
     id: id 
     }); 
    } 
}  

Answer 2

インポート時にエラーがUpperCase文字である可能性があります。それは私の仕事です。

Answer 3

exports[]のコンポーネントを@NgModuleに入れましたか？またはentryComponents？

@NgModule({ 
    imports: [ 
     MaterialModule.forRoot(), 
    ], 
    exports: [ 
     ConfirmDialog, 
    ], 
    declarations: [ 
     ConfirmDialog, 
    ], 
    providers: [ 
     DialogsService, 
    ], 
    entryComponents: [ 
     ConfirmDialog, 
    ], 

Answer 4

あなたは引用符でそれを入れていないしたいことがあります。

let modal = this.modalCtrl.create("SearchPage") 

の代わりに、（間違った）：

let modal = this.modalCtrl.create(SearchPage) 

Answer 5

あなたはこのような何かを行うことができます。

以下でhome.module.tsをインポートまたは作成した後、

import { NgModule } from '@angular/core'; 
import { IonicPageModule } from 'ionic-angular'; 
import { HomePage } from './home'; 

@NgModule({ 
    declarations: [ 
    HomePage, 
    ], 
    imports: [ 
    IonicPageModule.forChild(HomePage), 
    ], 
}) 
export class HomePageModule {} 

は、すべてのインポートのページへのリンクを削除します。たとえば、次に

import { HomePage } from '../pages/home/home'; 

は、

rootPage、などのページへのリンクに置き換えます。どんな=ホームページを。 rootPage：any = 'HomePage';

あるいは、

this.navCtrl.push（ホームページ）。とthis.navCtrl.push（ 'HomePage'）;

つまり、クラス名を一重引用符または二重引用符で囲みます。