@tyescript-eslint/no-unuse-vars类型声明中的假阳性
@typescript-eslint/no-unused-vars.有一个问题 因此,我们有类型
type SomeType = (name: string) => void;
并且我们在类型声明的字符串中出现@typescript-eslint/no-unused-vars错误,它表明‘name’已定义但从未使用。
类型用法示例:
export const LogSomeInfo: SomeType = (name: string) => {
const a = name;
console.log(a);
};
或:
interface CheckboxPropsType {
value: string,
onClick(value: string): void
}
和eslint在onClick中断...字符串,表示该值已定义但从未使用过。 即使类型分配正确并且实际的onClick处理程序使用该值!
问题:该规则有什么问题?为什么会在这种情况下触发。为什么eslint将类型/接口中函数的类型声明识别为常规函数?我的eslint配置有问题吗?
";eslint";:";^7.7.0";, ";@typescript-eslint/eslint-plugin";:;^3.6.1&q;, ";@type-eslint/parser";:^4.0.1";, ";eslint-config-airbnb-tyescript";:";^9.0.0";,
{
"extends": [
"airbnb-typescript",
"airbnb/hooks",
"plugin:react/recommended",
"plugin:@typescript-eslint/recommended"
],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 2018,
"sourceType": "module",
"project": "./tsconfig.json"
},
"settings": {
"react": {
"version": "detect"
}
},
"plugins": ["@typescript-eslint", "react-hooks", "react"],
"env": {
"browser": true
},
"rules": {
"object-curly-newline": 0,
"import/named": ["error"],
"indent": ["error", 4],
"react/jsx-indent": ["error", 4],
"comma-dangle": ["error", "never"],
"import/prefer-default-export": "off",
"react/jsx-fragments": "off",
"arrow-body-style": "off",
"object-curly-spacing": "off",
"@typescript-eslint/indent": ["error", 4, {"SwitchCase": 1}],
"@typescript-eslint/explicit-module-boundary-types": "off",
"no-undef": "error",
"react/jsx-indent-props": ["error", 4],
"max-len": ["error", { "code": 120 }],
"react/prop-types": "off"
}
}
解决方案
前面提出的类似问题检查:Why ESLint throws 'no-unused-vars' for TypeScript interface?
禁用'@typescript-eslint/no-unused-vars': 0
规则,改用tsconfig.json中的"strict": true
、"noUnusedLocals": true
和"noUnusedParameters": true
相关文章