TypeScript类中JSON数组类型赋值报错，如何修复？

你遇到的问题核心是误用了TypeScript的全局JSON类型——这个类型并不是指代任意JSON格式的对象，而是对应浏览器/Node.js中全局的JSON工具对象（包含parse、stringify等方法的接口），所以你往Array<JSON>里push普通对象时会触发类型不匹配错误。

步骤1：定义合适的类型接口 #

根据你的使用场景，为请求头和凭证定义明确的类型（如果是键值对结构，用索引签名或Record类型）：

// 定义请求头类型：键为字符串，值为字符串
interface HttpHeader {
  [key: string]: string;
}

// 定义凭证类型，按需调整结构
interface Credential {
  [key: string]: string;
}

如果不需要区分头和凭证，也可以直接用Record<string, string>这个内置工具类型，省去自定义接口的步骤。

步骤2：修改类的类型定义 #

把类中所有Array<JSON>替换为新定义的类型，确保属性和方法参数的类型统一：

class Api {
    url: string | undefined;
    credentials: Credential[] = [];
    headers: HttpHeader[] = [];

    send(url: string, credentials: Credential[], headers: HttpHeader[]) {
        this.url = url;
        this.credentials = credentials;
        this.headers = headers;
    }

    bearer(token: string = ""){
        this.headers.push({
            "Authorization": `Bearer ${token}`
        })
    }
}

export default new Api();

为什么之前的尝试无效？ #

你之前定义了credentialType但没有替换类中原本的Array<JSON>类型，TypeScript依然会按照JSON类型做校验，所以报错不会消失。必须把类的属性、方法参数的类型全部替换为自定义接口，才能让类型校验生效。

可选方案：灵活类型（不推荐） #

如果暂时不需要严格的类型检查，也可以用Array<object>或Array<any>临时解决，但这会失去TypeScript的类型安全优势，不建议长期使用。

内容的提问来源于stack exchange，提问作者Ömer Faruk Demirel