angular: コンポーネントの切り分けができない

Question

app.moduleのデコレーターに、別モジュールでまとめたデコレーターが反映されていることなんですが、どうもうまく反映されないみたいです。

一応リンク直打ちしたらちゃんと表示がされるのですが、ターミナルに（そのようなコンポーネントは存在しません）という旨が表示されます。

うまい具合にコンポーネントを切り分け、かつエラーを出さないためには、どのようにしたらよろしいでしょうか？
よろしくお願いいたしますm(_ _)m

Comments

[miyabi_pudding]

ソースコードやエラーコードは、
画像ではなく、テキストにて、質問本文に貼り付けてください。

Answer 1

エラーの原因は、TreeComponent を定義している ComponentsModule で MatTreeModule をインポートしていないのが原因な気がします。

AppModule 側で MaterialModule をインポートしているのでその中で MatTreeModule をインポートしていると推測しますが、ComponentsModule からは見えていません。

ComponentsModule の imports に MatTreeModule を追加したら解決しないでしょうか（あるいは、MaterialModule をインポートする）。

あと、ソースコードとエラー内容は、画像貼り付けるだけで済ませずに文字として本文に載せるか、StackBlitz のような環境を用意していただけると回答がしやすくなると思います。