如何让ESLint显示已废弃规则的警告？

要让ESLint 8.57.0提示你正在使用的废弃规则，可通过以下两种方式实现：

方法一：修改lint命令参数 #

在package.json的lint命令中添加--report-deprecation参数，该参数会强制ESLint输出所有废弃规则的使用警告：

"lint": "eslint src --ext js,jsx,ts,tsx --report-unused-disable-directives --report-deprecation --max-warnings 0",

注意：由于你设置了--max-warnings 0，启用该参数后，废弃规则的警告会触发lint命令失败。如果只想先查看警告内容，可暂时移除--max-warnings 0，待处理完废弃规则后再恢复。

方法二：在ESLint配置文件中启用报告 #

如果不想每次通过命令行参数开启，可在项目的ESLint配置文件（如.eslintrc.js、.eslintrc.json）中添加reportDeprecation配置项：

// .eslintrc.js示例
module.exports = {
  // 其他已有配置...
  reportDeprecation: true
};

无论哪种方式，只要启用废弃报告，ESLint就会在运行时明确告诉你哪些规则已废弃，以及对应的迁移建议。

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