ESLint 相关
no-unused-vars
等常见报错提醒关闭
1. no-unused-vars
报错示例:
'useMemo' is defined but never used no-unused-vars
解决方式
方法一:局部禁用某一行
// eslint-disable-next-line no-unused-vars
const result = useMemo(() => {}, []);
方法二:禁用整个文件
/* eslint-disable no-unused-vars */
import { useMemo } from 'react';
方法三:全局关闭(修改 .eslintrc.js
或 package.json
)
module.exports = {rules: {"no-unused-vars": "off"}
};
2. no-console
报错示例:
Unexpected console statement no-console
解决方式
方法一:局部禁用某一行
// eslint-disable-next-line no-console
console.log("调试日志");
方法二:禁用整个文件
/* eslint-disable no-console */
方法三:全局关闭
module.exports = {rules: {"no-console": "off"}
};
3. no-debugger
报错示例:
Unexpected 'debugger' statement no-debugger
解决方式
方法一:单行禁用
// eslint-disable-next-line no-debugger
debugger;
方法二:全局关闭
module.exports = {rules: {"no-debugger": "off"}
};
4. 全局禁用多个规则
如果你想一次性关闭多个规则:
module.exports = {rules: {"no-console": "off","no-debugger": "off","no-unused-vars": "off"}
};
5. 快速总结
- 临时关闭:用
// eslint-disable-next-line
。\ - 文件级关闭:用
/* eslint-disable */
。\ - 全局关闭:修改 ESLint 配置文件。