SharedModules в несколько совершенно разных приложений

Я сделал то же самое, что и он здесь: Как правильно импортировать модуль Angular Material через общий модуль в Angular 4?

За исключением того, что я хочу создать шаблон типа ui-kit, используйте его в разных приложениях в разных местах (они не в одной папке).

В настоящее время я делаю это, и все работает отлично, за исключением случаев, когда я пытаюсь использовать библиотеку внутри моего sharedComponent, например, когда я хочу использовать:

<button mat-raised-button color="primary">Click me!</button>

angular кнопка материала,

angular -cli не вызывает никаких ошибок, я просто вижу эту ошибку на консоли:

Error: StaticInjectorError[ElementRef]: 
  StaticInjectorError[ElementRef]: 
    NullInjectorError: No provider for ElementRef!
    at _NullInjector.get (core.js:993)
    at resolveToken (core.js:1281)
    at tryResolveToken (core.js:1223)
    at StaticInjector.get (core.js:1094)
    at resolveToken (core.js:1281)
    at tryResolveToken (core.js:1223)
    at StaticInjector.get (core.js:1094)
    at resolveNgModuleDep (core.js:10878)
    at NgModuleRef_.get (core.js:12110)
    at resolveDep (core.js:12608)
BtnComponent.html:3 ERROR TypeError: Cannot read prop

и не смог найти ничего полезного при поиске по Google.

любые советы могут быть полезны

обновление:

Я создал репозиторий github, который будет воспроизводить ошибку.

https://github.com/molikh/shared-module

Я написал проблему с большим количеством объяснений в репозитории материалов Angular: https://github.com/angular/material2/issues/9294#event-1416171140

Ответ 1