如何修复Angular 6项目中chart.js 3.5.1报TS1005等TypeScript编译错误

你的报错核心是 TypeScript 版本兼容性不匹配：

• Chart.js 3.x 版本的类型定义使用了 TS 3.7 及以上版本才支持的新语法（比如可选链、类型推导新特性等），而你当前项目用的是 TypeScript 2.9.0，完全不识别这些新的类型语法，所以编译时抛出了大量语法类错误。
• 另外 Angular 6 本身适配的 TypeScript 版本范围就是 2.7.x ~ 2.9.x，不能直接升级到太高的 TS 版本，否则会和 Angular 本身的编译逻辑冲突。

有两种可行方案，你可以根据项目需求选择：

方案1：降级 Chart.js 到兼容 TS 2.9 的版本 #

Chart.js 2.9.x 版本的类型定义兼容 TS 2.9，完全可以满足基础图表需求，操作步骤如下：

1. 先卸载当前安装的高版本 chart.js：
   npm uninstall chart.js
2. 安装指定的 2.9.4 版本（2.x 分支最后稳定版）：
   npm install chart.js@2.9.4
3. 重启开发服务即可，无需修改其他配置。

方案2：升级 Angular 和 TypeScript 版本（适合可以做大版本迭代的项目） #

如果需要使用 Chart.js 3.x 的新特性，可以把项目升级到 Angular 11+，对应匹配的 TypeScript 4.x 版本，就可以正常兼容 Chart.js 3.5.1 的类型定义。

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