VS Code中React代码无红色波浪错误线，终端仅提示错误求助

算力阿峰

2026-8-10

解决VS Code中React代码错误无红色波浪线的问题

检查ESLint插件状态
确认VS Code已安装并启用ESLint插件——React项目的代码错误波浪线提示大多依赖它。打开插件面板，搜索ESLint，确保插件处于启用状态，未安装的话直接点击安装。
确认项目ESLint配置存在
项目根目录下需要有.eslintrc.js、.eslintrc.json这类配置文件，或者在package.json中包含eslintConfig字段。如果没有，执行以下命令生成配置：
```
npx eslint --init
```
按照向导选择React相关的校验规则，确保配置中包含基础错误检测规则（比如no-unused-vars、react/jsx-uses-react）。
重启ESLint服务
按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板，输入ESLint: Restart ESLint Server并执行，服务卡死可能导致校验不实时生效。
检查VS Code核心设置
打开设置面板（Ctrl+,或Cmd+,），搜索并确认以下配置：
- eslint.enable：设置为true
- eslint.validate：确保包含javascript、javascriptreact（用TypeScript的话加上typescriptreact），示例配置：
```
"eslint.validate": [
  "javascript",
  "javascriptreact",
  "typescriptreact"
]
```
补全项目依赖
若项目ESLint相关依赖缺失（比如eslint-plugin-react），执行命令补装：
```
npm install eslint-plugin-react --save-dev
```
或者直接重新安装全部依赖：
```
npm install
```
排查插件冲突
临时禁用其他代码校验类插件（比如部分格式化插件可能和ESLint冲突），测试是否恢复波浪线提示。