Angular项目导入MatButtonModule遇TS1086错误，求兼容修复方案

这个错误的根源很明确——你的Angular CDK版本和Angular核心版本不匹配。看你的package.json就能发现：Angular核心包（比如@angular/core）都是8.2.14，但@angular/cdk却用了9.0.0，版本差了整整一个大版本，这直接导致了语法兼容问题。

为什么会触发TS1086？ #

Angular 9+的CDK使用了TypeScript 3.8+才支持的特性：在.d.ts声明文件（也就是所谓的"ambient context"）里定义getter/setter访问器。但你当前项目用的TypeScript是3.5.3（Angular 8的默认配套版本），并不支持这个语法，所以编译器就抛出了一堆TS1086错误。

具体修复步骤 #

1. 统一CDK版本到和Angular核心匹配的8.2.x
   打开你的package.json，把"@angular/cdk": "^9.0.0"修改为和@angular/material一致的版本：

   "@angular/cdk": "~8.2.3"
   

2. 清理旧依赖
   执行命令删除node_modules和锁文件，避免残留的不兼容包：

   # npm用户
   rm -rf node_modules package-lock.json
   
   # yarn用户
   rm -rf node_modules yarn.lock
   

3. 重新安装依赖
   执行安装命令拉取匹配版本的包：

   npm install
   # 或者 yarn install
   

4. 验证修复
   重启你的Angular项目，错误应该就消失了：

   ng serve
   

额外提醒 #

Angular Material和Angular CDK的版本必须和Angular核心版本严格对齐，以后升级或安装包时，记得保持三者版本一致，避免再出现这类版本兼容问题。

内容的提问来源于stack exchange，提问作者Pablo Aguirre de Souza