Angular15添加cdk-table-exporter后泛型T约束错误求助

你遇到的错误是因为WorksheetExporter继承FileExporter时，泛型T未满足Options类型约束，具体错误提示：

Error: node_modules/cdk-table-exporter/lib/services/exporters/worksheet-exporter.d.ts:8:73 - error TS2344: Type 'T' does not satisfy the constraint 'Options'.

相关代码片段：

import { Mime } from '../../mime';
import { Exporter } from './exporter';

export declare abstract class FileExporter<T> implements Exporter<T> {
    constructor();
    export(rows: Array<any>, options?: T): void;
    abstract createContent(rows: Array<any>, options?: T): Promise<any>;
    abstract getMimeType(): Mime;
}

解决方案 #

情况1：代码是项目内自定义的

直接修改FileExporter的泛型定义，给T添加extends Options的约束，同时确保Options类型已正确引入：

import { Mime } from '../../mime';
import { Exporter } from './exporter';
// 根据项目实际路径引入Options类型
import { Options } from '../path/to/options';

export declare abstract class FileExporter<T extends Options> implements Exporter<T> {
    constructor();
    export(rows: Array<any>, options?: T): void;
    abstract createContent(rows: Array<any>, options?: T): Promise<any>;
    abstract getMimeType(): Mime;
}

情况2：错误来自第三方库（node_modules）

不能直接修改node_modules内的文件，可尝试以下两种方式：

• 版本适配：检查cdk-table-exporter是否有适配Angular 15.x的版本，卸载当前版本后安装对应兼容版本：

  npm uninstall cdk-table-exporter
  # 替换为实际兼容的版本号，比如15.x.x
  npm install cdk-table-exporter@^15.0.0
  

• 打补丁：使用patch-package工具给第三方库修改代码并生成持久补丁：
  1. 安装patch-package：

     npm install patch-package --save-dev
     

  2. 找到node_modules/cdk-table-exporter/lib/services/exporters/worksheet-exporter.d.ts中对应的FileExporter定义，给泛型T添加extends Options约束
  3. 生成补丁：

     npx patch-package cdk-table-exporter
     

  后续执行npm install时，补丁会自动应用到依赖库中。

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