如何在Create React App中隐藏启动时的警告信息？

嘿，我太懂这种被一堆ESLint警告刷屏的烦躁了——启动项目本来是件开心事，结果满屏的'Bla' is defined but never used、Expected '===' and instead saw '=='提示确实挺分心的。下面给你几种实用的解决办法，按需选就行：

方法一：临时禁用警告（单次启动） #

如果只是想临时隐藏一次警告，不用改任何配置，直接在启动命令前加环境变量就行：

# macOS/Linux 或 Windows Git Bash
DISABLE_ESLINT_PLUGIN=true npm start

# Windows 命令提示符
set DISABLE_ESLINT_PLUGIN=true && npm start

这个命令会临时关闭开发环境的ESLint检查，重启项目后又会恢复默认设置。

方法二：永久禁用（修改启动脚本） #

要是你希望每次启动项目都自动隐藏这些警告，可以直接修改package.json里的启动脚本：
打开项目根目录的package.json，找到scripts字段下的start命令，改成这样：

"scripts": {
  "start": "DISABLE_ESLINT_PLUGIN=true react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test"
}

保存后再执行npm start，就不会再看到ESLint警告了。

方法三：只关闭特定警告（保留其他ESLint检查） #

如果你不想完全禁用ESLint，只是想关掉那几个烦人的警告，可以自定义ESLint规则：
在项目根目录创建一个.eslintrc.json文件，添加以下内容：

{
  "extends": "react-app",
  "rules": {
    "no-unused-vars": "off",
    "eqeqeq": "off"
  }
}

这样就只会关闭未使用变量和全等判断这两个警告，其他ESLint的检查依然生效，既能保持代码规范，又不会被无关警告打扰。

方法四：用环境变量文件永久生效 #

另一种更优雅的永久配置方式是创建环境变量文件：
在项目根目录新建.env.development文件，写入：

DISABLE_ESLINT_PLUGIN=true

create-react-app会自动加载这个文件里的环境变量，每次启动开发服务器时都会自动禁用ESLint警告，而且不用修改package.json的脚本。

小提示：如果是用react-scripts 4.x及以上版本，这些方法都能正常生效；如果是更老的版本，可能需要用ESLINT_NO_DEV_ERRORS=true来替代DISABLE_ESLINT_PLUGIN=true，效果是把警告转为不显示的日志，而不是完全禁用ESLint。

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