Angular Material 9.2.0构建报错：@angular/material/datepicker无DateRange导出成员

你碰到的这个报错核心原因很明确：@angular-material-components/datetime-picker的新版本依赖了Angular Material 10及以上版本才新增的DateRange类，但你当前使用的Angular Material 9.2.0里根本没有这个导出成员，版本不兼容导致了构建失败。

具体解决方案 #

你需要安装与Angular Material 9.x完全兼容的datetime-picker版本，步骤如下：

• 先卸载当前不兼容的版本：

npm uninstall @angular-material-components/datetime-picker

• 安装适配Angular 9的专属版本（2.x.x系列是专门为Angular 9/Angular Material 9打造的）：

npm install @angular-material-components/datetime-picker@2.0.7 --save

如果你的项目还用到了该组件库的其他配套包（比如@angular-material-components/moment-adapter），记得也要安装对应2.x.x版本，避免出现连锁兼容问题。

验证修复 #

完成版本调整后，重新执行生产构建命令：

ng build --prod

这时候应该就不会再出现DateRange不存在的报错了。

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