Question

我正在尝试使用角度材质库。我在package.json中添加了@ angular / material的依赖项，如下所示

"@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 Material和CDK的Angular版本。

在这种情况下，将所有依赖项升级到Angular 6：

npm install @angular/cdk @angular/material

或者：

npm update

Answer 2

角度9中的文件夹结构已更改

"@angular/material": "^9.2.0",

获取类型使用

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

导入MatTabChangeEvent时出错

2 个答案: