TypeScript构造函数声明变量时ESLint误报未使用错误的问题

问题根源 #

你遇到的误报是因为原生ESLint的no-unused-vars规则不支持TypeScript特有的构造器参数属性语法——也就是在构造函数参数前添加public/private/protected直接声明类成员变量的写法。原生规则会把这些参数当成普通函数参数，无法关联到类实例上的this.x/this.y使用场景，所以产生错误提示。

修复步骤 #

修改你的.eslint.json配置，替换原生规则为TypeScript ESLint插件提供的专用规则：

1. 禁用原生的no-unused-vars规则
2. 启用@typescript-eslint/no-unused-vars规则

修改后的配置片段如下：

"rules": {
    // ... 其他规则保持不变
    "no-unused-vars": "off", // 禁用原生规则
    "@typescript-eslint/no-unused-vars": "warn" // 启用TS专用规则
}

为什么这能解决问题 #

@typescript-eslint/no-unused-vars是专门为TypeScript语法设计的规则，它能正确识别：

• 构造器参数属性和类实例成员的关联
• this.x/this.y这类实例成员的使用场景
• 还能处理TS特有的其他未使用变量场景（比如类型声明、接口等）

对于你代码里的size和color，如果后续确实没有使用，规则依然会正确提示；如果之后在类的其他方法中使用，也不会再误报。

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