如何解决@angular/cdk@5.0.3的peer依赖缺失及TS7017编译错误？

你遇到的是典型的peer依赖版本不匹配问题——@angular/cdk@5.0.3要求项目必须安装@angular/common@~5.1.1，但当前项目的Angular版本不符合这个要求，这直接导致了后续编译时的类型错误（因为datepicker的代码依赖正确版本的Angular类型定义）。下面是几种可行的解决方法，你可以根据项目实际情况选择：

方法一：升级Angular到匹配版本（最稳妥） #

如果项目没有强依赖于更低/更高版本的Angular，优先选择这种方式，从根源解决依赖冲突：

1. 先确认当前项目的Angular版本：

   ng version
   # 或者直接查看package.json中@angular/common的版本号
   

2. 同步升级所有核心Angular包（版本必须统一）：

   npm install @angular/common@~5.1.1 @angular/core@~5.1.1 @angular/forms@~5.1.1 @angular/platform-browser@~5.1.1 --save
   

3. 重新安装datepicker：

   npm install angular2-material-datepicker --save
   

方法二：忽略Peer依赖警告（临时 workaround） #

如果项目无法升级Angular版本，可以临时跳过peer依赖检查，但这可能带来潜在的兼容性风险（比如类型错误仍可能存在）：

• 若使用npm 7及以上版本：

  npm install angular2-material-datepicker --legacy-peer-deps
  

• 若使用npm 6及以下版本：

  npm install angular2-material-datepicker --force
  

如果执行后仍出现TS7017类型错误，可以临时修改tsconfig.json，将noImplicitAny设置为false，但这只是掩盖问题，不推荐长期使用。

方法三：更换维护更活跃的日期选择器 #

angular2-material-datepicker已经有较长时间未更新，可能无法适配较新的Angular版本。更推荐使用Angular Material官方的日期选择器，它与Angular版本同步迭代，兼容性和稳定性更好：

1. 卸载旧的datepicker：

   npm uninstall angular2-material-datepicker --save
   

2. 根据项目Angular版本安装对应版本的Angular Material和CDK：

   # 以Angular 5为例：
   npm install @angular/material@5.2.5 @angular/cdk@5.2.5 --save
   

3. 按照官方文档配置日期选择器模块即可正常使用。

内容的提问来源于stack exchange，提问作者user1034912