2017-11-15 15 views
1

にCKEditorバージョンをInlcudeたいです。 src/app/pagesというフォルダ構造に2つのフォルダLandingpage1とLandingPage2を作成しました。は私がNG2-adminのテーマを使用していアンギュラ2

@NgModule({ 
    imports: [ 
     NgaModule, 
     CommonModule, 
     FormsModule, 
     CKEditorModule, 
     routing 
    ], 
    declarations: [ 
     LandingPage1, 
     Ckeditor, 
    ] 
}) 

2. landingPage2.module.ts

@NgModule({ 
    imports:[ 
     ReactiveFormsModule, 
     FormsModule, 
     NgaModule, 
     CommonModule, 
     CKEditorModule, 
     routing 
    ], 
    declarations:[ 
     LandingPage2, 
     Ckeditor, 
    ] 
}) 

1. landingPage1.module.ts:

は今、私は2つの別々のフォルダに二つの別々のモジュールを作成しました

2つのコンポーネントファイルでCkeditorを使用すると、エラーが発生する:

エラー:タイプCkeditorは、2つのモジュールの宣言の一部です:LandingPage1ModuleとLandingPage2Module! CkeditorをLandingPage1ModuleとLandingPage2Moduleをインポートする上位モジュールに移動することを検討してください。新しいNgModuleを作成してCkeditorをエクスポートして含めると、そのNgModuleをLandingPage1ModuleとLandingPage2Moduleにインポートすることもできます。

私はapp.module.tsファイルにCKEditorバージョンをインポートしているが、動作しません。私を助けてください。

答えて

1

declarationsからlandingPage1.module.tsおよびlandingPage2.module.tsに、Ckeditorを削除してください。 app.module.tsがそこ追加する場合

だけで、あなたはそれらの2のモジュールをインポートしている場所の内側にそれを維持します。


これに

適切な解決策がEditorCommonModule

@NgModule({ 
    imports: [ 
     CKEditorModule 
    ], 
    exports: [ 
     CKEditorModule 
    ], 
    declarations: [], 
    providers: [], 
}) 
export class EditorCommonModule { } 

という名前commonModuleを作成しているあなたはCKEditorバージョンを必要な場所それからちょうどこのEditorCommonModuleをインポートします。

あらゆるところからCKEditorModuleCkeditorを削除します。

+0

はい、私はapp.module.tsファイルからCKEditorバージョンを削除しました。 –

+0

One Landing1ページはうまく機能していますが、[Landing page2]にリダイレクトするとうまくいきます。それは私にエラーを与える。 –

+0

@ManeeshRao、更新された答えを確認してください。 –

関連する問題