如何配置ESLint在React项目启动时检测代码错误

首先纠正一个规则名错误：你配置的"non-console"是无效的，正确的ESLint禁止console规则名是"no-console"，先把package.json里的eslintConfig.rules修正为：

"eslintConfig": {
  "rules": {
    "no-console": "error"
  }
}

接下来，通过修改package.json的脚本，让项目启动时先执行全量ESLint检查：

1. 在package.json的scripts字段中添加ESLint检查命令，并调整启动逻辑：

"scripts": {
  "lint": "eslint . --ext .ts,.tsx",
  "start": "npm run lint && react-scripts start",
  // 保留原有其他脚本（如build、test等）
}

配置后执行npm start，终端会先扫描所有.ts/.tsx文件，触发ESLint规则检查，一旦有错误会直接阻断启动并输出提示。

2. 若你希望即使存在ESLint错误也能正常启动项目，仅在终端输出错误信息，可调整为：

"start": "npm run lint --quiet || react-scripts start"

--quiet参数会过滤ESLint警告信息，只输出错误；||表示即使lint环节报错，仍继续执行项目启动命令。

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