mat-select и mat-option в угловых 4 конфликтах ElementRef и шаблонов портала

Question

Я реализовывал mat-select и mat-option для одного из требований, но кажется, что он конфликтует с некоторыми из существующих функций.

Прежде всего, кто-нибудь может мне помочь, если я смогу получить @ angular /материал под углом 4, тот, который я установил, имеет версию 6.4.7.Существует ли какая-либо версия, поддерживающая angular 4.0.0, потому что в настоящее время мы не планируем обновлять наше приложение до angular 6.

После того, как я установил angular / material с помощью следующей команды:

 npm install --save @angular/material @angular/cdk @angular/animations

указановыдает ошибку ниже:

 node_modules/@angular/material/core/typings/line/line.d.ts (23,55): Type 'ElementRef' is not generic.
 node_modules/@angular/cdk/portal/typings/portal.d.ts (50,39): ',' expected.
 node_modules/@angular/cdk/portal/typings/portal.d.ts (50,41): Type parameter name cannot be 'any'
 node_modules/@angular/cdk/portal/typings/dom-portal-outlet.d.ts (34,37): Generic type 'TemplatePortal<C, any>' requires 2 type argument(s).
 node_modules/@angular/material/bottom-sheet/typings/bottom-sheet-container.d.ts (23,24): Generic type 'MatBottomSheetConfig<D, any>' requires 2 type argument(s).

Похоже, это проблема с версией, но может ли кто-нибудь подсказать мне, как решить эту проблему?

Добавление моего кода в этот вопрос:

файл shared.module.ts

import { MatFormFieldModule, MatInputModule, MatSelectModule } from '@angular/material';
@NgModule({
imports: [ ....,
MatInputModule,
MatFormFieldModule,
MatSelectModule,
...]

exports: [ ....,
MatInputModule,
MatFormFieldModule,
MatSelectModule,
....]

файл app.module.ts

import { SharedModule } from './shared';
@NgModule({
imports: [ ...,
 SharedModule,
  ....]

На самом деле он даже не попадает в код, как только я устанавливаю angular / material иangular / cdk моя сборка ng завершается с ошибкой выше.