'disabled' 在 class 'CanColor & CanDisableRipple & HasTabIndex & MatChipBase' 中被定義為屬性，但在 'MatChip' 中被覆蓋為訪問權限

Question

我將我的 Angular 版本從 9.1 更新到 11，現在出現編譯錯誤。

Error: node_modules/@angular/material/chips/chips.d.ts:120:9 - error TS2611:'disabled' is defined as a property in class 'CanColor & CanDisableRipple & HasTabIndex & MatChipBase', but is overridden here in 'MatChip' as an accessor.
get disabled(): boolean

我猜它與 typescript 版本有關。 由於我在 Angular 11，我不能將 typescript 降級到 4 以下。有什么辦法可以解決這個問題嗎？

當前版本 Typescript 版本 -> 4.1.5

依賴關系

開發依賴

Answer 1

升級Angular應該是最痛苦的經歷了。 無論何時你這樣做，升級都不會像它應該的那樣升級你所有的@angular 包。 您必須手動執行此操作。

將你們所有的@angular 包與你正在使用的相同版本的 Angular 相匹配。 查看您的 package.json 文件，您會看到那里有哪些版本。

這對我有用 -

npm i @angular/material@11.2.13
npm i @angular/cdk@11.2.13

如果您想查看最新版本，在本例中為版本 11，您可以撥打 go 至https://www.npmjs.com/並搜索@angular/material，然后單擊版本選項卡。