Ошибка при импорте MatTabChangeEvent

Question

Я пытаюсь использовать библиотеку угловых материалов. Я добавил зависимость для @ angular / material в package.json следующим образом

"@angular/animations": "^5.0.0",
"@angular/cdk": "^6.0.0",
"@angular/material": "^5.2.5",

Когда я использую

import { MatTabChangeEvent } from '@angular/material';

Выдает ошибку при компиляции

ERROR in [at-loader] ./node_modules/@angular/material/stepper/typings/stepper.d.ts:28:5
TS2416: Property '_stepHeader' in type 'MatStepper' is not assignable to the same property in base type 'CdkStepper'.
Type 'QueryList<ElementRef>' is not assignable to type 'QueryList<FocusableOption>'.
Type 'ElementRef' is not assignable to type 'FocusableOption'.
  Property 'focus' is missing in type 'ElementRef'.

Я не добавил ни одного кода, относящегося к угловому материалу, кроме этой строки импорта.

Answer 1

Необходимо убедиться, что у вас одинаковые версии Angular CDK и Material, а также версия Angular для Angular Material и CDK.

В этом случае обновите все ваши зависимости до Angular 6:

npm install @angular/cdk @angular/material

Или:

npm update