create-react-app中文件迁移后未使用变量警告残留问题求助

• 清理ESLint缓存
  ESLint默认会缓存检查结果，旧文件删除后缓存可能未同步更新，导致误报。执行以下命令强制跳过缓存重新扫描：

  npm run lint -- --no-cache
  # 若使用yarn则执行
  yarn lint --no-cache
  

• 确认旧文件已彻底删除
  手动到文件系统中检查src/App.js和src/App/App.js是否真的被删除——有时编辑器目录树未及时刷新，或不小心生成了备份文件（如带~后缀的副本），这些残留文件会被ESLint扫描到并触发警告。

• 重启开发服务器
  create-react-app的开发服务器可能缓存了旧的文件结构，关闭当前服务后重新执行npm start/yarn start，让服务重新加载最新的文件目录。

• 确认变量实际被使用
  检查AppUI组件是否真的用到了setOpenModal：如果只是接收props但未在组件内调用（仅传递给更深层子组件），部分ESLint配置可能误判。可以调整写法，比如直接传递props.setOpenModal而非解构后传递，或给AppUI的props添加明确定义（如PropTypes或TypeScript接口），帮助ESLint识别该变量已被使用。

• 检查ESLint配置
  确保项目ESLint配置启用了React插件，并开启了识别JSX变量的规则。在package.json或.eslintrc中确认：

  "eslintConfig": {
    "plugins": ["react"],
    "rules": {
      "react/jsx-uses-vars": "error"
    }
  }
  

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