@types/d3-array报TS2574错误：剩余元素类型必须为数组类型

错误原因 #

你的项目使用的TypeScript 3.9.5不支持@types/d3@7.1.0中用到的元组剩余元素推断语法（代码里的...infer TRest条件类型写法），这个特性是TypeScript 4.0及以上版本才引入的，因此触发了TS2574: 剩余元素类型必须是数组类型错误。

解决方案 #

1. 降级D3及对应类型定义到兼容版本（推荐） #

D3 v7的类型定义依赖TS4.0+，而Angular 10最高仅支持TS3.9.x，因此建议降级到D3 v6系列，其类型定义完全兼容TS3.9：

• 卸载现有版本：

npm uninstall d3 @types/d3

• 安装兼容版本：

npm install d3@^6 --save
npm install @types/d3@^6 --save-dev

2. 临时跳过库类型检查（应急用，不推荐） #

如果暂时不想降级，可以在项目的tsconfig.json中开启skipLibCheck选项，跳过对node_modules中类型文件的检查：

{
  "compilerOptions": {
    // 其他配置...
    "skipLibCheck": true
  }
}

注意：这个方案会忽略所有第三方库的类型错误，可能隐藏其他潜在问题，仅作为临时应急方案。

3. 升级Angular及TypeScript版本（需谨慎） #

若你的项目可以接受升级，可以将Angular升级到11+版本（Angular 11支持TS4.0+），之后再升级TypeScript到4.0+，这样就能兼容D3 v7的类型定义。但升级Angular会涉及到依赖变更和代码适配，需要充分测试。

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