19

FindPageModule と AddPageModule の 2 つのモジュールで使用したい GoComponent という共有コンポーネントがあります。

「FindPageModule」の宣言と「AddPageModule」に追加すると、エラーが発生します。

find:21 エラー: (SystemJS) タイプ GoComponent は、FindPageModule と AddPageModule の 2 つのモジュールの宣言の一部です! FindPageModule と AddPageModule をインポートする上位モジュールに GoComponent を移動することを検討してください。また、GoComponent をエクスポートしてインクルードする新しい NgModule を作成し、その NgModule を FindPageModule および AddPageModule にインポートすることもできます。

したがって、両方から取り出して、FindPageModule と AddPageModule をインポートする AppModule 宣言に追加すると、FindPageModule の宣言にあり、「GoComponent」を使用する「FindFormComponent」というコンポーネントでエラーが発生します。

zone.js:355 Unhandled Promise rejection: Template parse errors:
'go' is not a known element:
1. If 'go' is an Angular component, then verify that it is part of this module.
2. If 'go' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. (" style="height:64px;">
            <div style="position: relative; display: inline-block; width: 100%;">
                [ERROR ->]<go></go>
            </div>
        </div>
"): FindFormComponent@101:4 ; Zone: <root> ; Task: Promise.then ; Value: Error: Template parse errors:(…) Error: Template parse errors:
'go' is not a known element:
1. If 'go' is an Angular component, then verify that it is part of this module.
2. If 'go' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. (" style="height:64px;">
            <div style="position: relative; display: inline-block; width: 100%;">
                [ERROR ->]<go></go>
            </div>
        </div>
"): FindFormComponent@101:4

FindPageModule で宣言された FindFormComponent などのコンポーネントに GoComponent を使用させ、AddPageModule で宣言されたコンポーネントにも GoComponent を使用させるにはどうすればよいですか?

4

2 に答える 2