React18.2.0运行ESLint报eslint-plugin-react未指定React版本警告
问题现象
在React 18.2.0版本项目中运行ESLint代码检查时,Git Bash控制台输出警告:Warning: React version not specified in eslint-plugin-react settings.
复现步骤
依次执行以下命令即可复现该问题:
create-react-app my-app cd app npm install eslint --save-dev npx eslint --init npx eslint .
相关配置
当前项目package.json的依赖配置如下:
{ "dependencies": { "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^13.3.0", "@testing-library/user-event": "^13.5.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" }, "devDependencies": { "eslint": "^8.18.0", "eslint-plugin-react": "^7.30.1" } }
解决方案
该警告由eslint-plugin-react未获取到项目React版本、无法匹配对应版本校验规则导致,任选以下一种方式配置即可消除:
- 自动检测版本(推荐):打开项目根目录下的ESLint配置文件(支持.eslintrc、.eslintrc.js、.eslintrc.json等格式),新增
settings配置项,插件会自动读取项目依赖中安装的React版本,后续升级React无需手动修改配置:
{ "settings": { "react": { "version": "detect" } } }
- 手动指定固定版本:如果项目React版本长期固定不升级,也可以直接将版本号写死在配置中,适配当前React 18.2.0的配置如下:
{ "settings": { "react": { "version": "18.2.0" } } }
配置保存后重新执行ESLint检查命令,警告将不再出现。
内容的提问来源于stack exchange,提问作者Hotaka
相关产品推荐
相关产品推荐

