角2共有モジュールを使用したコンポーネントの再利用

Question

複数のモジュールで使用されているコンポーネントを共有モジュールに統合することで、アプリケーションの冗長コードを削減しようとしています。私はAngular Postに従っていた、https://angular.io/docs/ts/latest/guide/ngmodule.html#!#shared-module。記載された変更を加えると、アプリケーションがハングするため、私は一歩足りません。

私は、変更が行われた後、2つのプランカを作成しました.1つは共有モジュールなし、もう1つはプランカです。初期コードはこのリンクで見つけることができます。 https://plnkr.co/edit/VrEe5S54rEkKipuGLsQs?p=info

次に、以下の変更を行いました。

2. 更新app.module.ts

   SharedModuleする共有モジュール（以下のコードを参照してください）

3. 追加PageNotFoundComponentを作成しました。フォームモジュールをコメントアウト

   b。コメントアウトされましたPageNotFoundComponent

   c。輸入SharedModule

4. 更新アプリ-routing.module.ts

   。 PageNotFoundComponent

   私は、単純な共有モジュールにあまりにも多くの成分を添加しないことで、それが使用されている可能性があること、どこでも共有モジュールを使用しないことにより、それを維持しようとした

注意をコメントアウト。

これらの変更を加えたPlunkerは、このリンクで見つけることができます。次のようにhttps://plnkr.co/edit/I4ArEQTniO7MJtfzpBWl?p=info

共有モジュールのコードは次のとおりです。

import { NgModule }   from '@angular/core'; 
import { CommonModule }  from '@angular/common'; 
import { FormsModule }   from '@angular/forms'; 

import { PageNotFoundComponent }  from './not-found.component'; 

@NgModule({ 
    imports:  [ CommonModule, 
        FormsModule], 
    declarations: [ PageNotFoundComponent 
        ], 
    exports:  [ PageNotFoundComponent, 
        CommonModule, 
        FormsModule ] 
}) 
export class SharedModule { } 

は、私が行方不明ですか私が間違っているのはどのような手順何上の任意の考えを感謝しています。

Answer 1

エラーは次のとおりです。

Error loading https://run.plnkr.co/5Q7FuGzCTzE1DQOa/app/shared/not- 
found.component.ts as "./not-found.component" from 
https://run.plnkr.co/5Q7FuGzCTzE1DQOa/app/shared/shared.module.ts 

のでshared.module.tsは、「アプリ/共有」フォルダにあるが、同じディレクトリからではない-found.componentをロードしようとしています。

あなたのプランナーを見ると、not-found.componentは 'app'フォルダにあります。

私はあなたが 'app/shared'フォルダに見つからないコンポーネントを移動する必要があると思います。