安装eslint依赖后React项目无法执行npm start，如何保留eslint正常启动

核心问题原因 #

项目依赖树中手动安装的ESLint版本与react-scripts内置要求的eslint@^7.11.0版本不匹配，触发了Create React App的预启动校验拦截。

可用解决方案 #

• 方案一：对齐ESLint版本（最稳妥，无副作用）
  1. 先卸载项目中现有版本的ESLint：
     npm uninstall eslint --save-dev
     若使用yarn包管理器则执行：
     yarn remove eslint -D
  2. 安装react-scripts要求的匹配版本：
     npm install eslint@^7.11.0 --save-dev
     若使用yarn包管理器则执行：
     yarn add eslint@^7.11.0 -D
• 方案二：强制指定依赖版本（仅支持npm v8及以上版本）
  在项目package.json文件中新增overrides配置项，强制所有依赖统一使用指定版本的ESLint：

  "overrides": {
    "eslint": "^7.11.0"
  }
  

• 方案三：跳过预启动校验（临时解决方案，适合确认ESLint功能无冲突的场景）
  在项目根目录新建.env文件，添加如下配置即可关闭版本校验逻辑：
  SKIP_PREFLIGHT_CHECK=true

生效验证 #

配置完成后，删除项目根目录的node_modules文件夹、package-lock.json（npm环境）或yarn.lock（yarn环境）文件，重新执行npm install或yarn install安装依赖，再执行npm start即可正常启动项目，ESLint功能可保留正常使用。

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