Использовать лениво загруженные компоненты в родительском модуле?

Question

У меня есть родительские модули (app.module) и дочерний модуль (contacts.module). Дочерний модуль загружен лениво. Родительский модуль использует компонент из дочернего модуля, но при переходе к дочернему маршруту я получаю сообщение об ошибке:

'app-contacts-home' is not a known element:
1. If 'app-contacts-home' is an Angular component, then verify that it is part of this module.
2. If 'app-contacts-home' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to 

Очевидно, что этот компонент не является частью родительского модуля, так как он загружается с отложенной загрузкой. Я попытался добавить app-contacts-home как entryComponent в contacts.module, но безуспешно.

Как я могу использовать ленивый загруженный компонент в моем родительском компоненте?

Answer 1

Нет, вы не можете использовать компонент из дочернего ленивого загрузочного модуля в родительском модуле.

В этих ситуациях вам следует создать третий модуль (SharedModule), который будет иметь компонент, который используется в компонентах обоих модулей. Затем импортируйте этот 3-й модуль в родительский и дочерний модули, чтобы 3-й модуль не загружался лениво.

Документация на этой странице https://angular.io/guide/sharing-ngmodules содержит полезную информацию об этом.

Надеюсь, что это поможет!