VS Code未显示ESLint代码检查警告,cra/webpack中正常显示
解决VS Code不显示ESLint警告但构建工具正常显示的问题
- 确认VS Code的ESLint插件状态
- 打开扩展面板(
Ctrl+Shift+X),搜索ESLint,确保插件已安装且启用
- 打开扩展面板(
- 检查VS Code核心配置
- 打开设置界面(
Ctrl+,),验证以下关键配置:eslint.enable: 设为true,确保ESLint在编辑器中激活eslint.validate: 包含你正在使用的文件类型,例如["javascript", "javascriptreact", "typescript", "typescriptreact"]eslint.run: 设为onType(实时检查)或onSave(保存时检查)
- 打开设置界面(
- 验证项目ESLint配置文件
- 确保项目根目录存在
.eslintrc.js/.eslintrc.json等配置文件,或package.json中包含eslintConfig字段 - 检查
extends字段是否正确,比如Create React App项目需配置extends: ["react-app"]
- 确保项目根目录存在
- 排查工作区设置覆盖问题
- 查看项目根目录
.vscode/settings.json,确认没有"eslint.enable": false这类禁用配置,如有则修改为true或删除
- 查看项目根目录
- 重启ESLint服务
- 打开命令面板(
Ctrl+Shift+P),执行ESLint: Restart ESLint Server
- 打开命令面板(
- 排查插件冲突
- 临时禁用其他代码检查类插件(如Prettier独立插件、Stylelint),确认是否是插件冲突导致警告不显示
- 统一Node.js环境与依赖
- 对比VS Code终端和外部终端的
node -v输出,确保版本一致 - 删除
node_modules和锁文件(package-lock.json/yarn.lock),重新执行npm install或yarn install
- 对比VS Code终端和外部终端的
内容的提问来源于stack exchange,提问作者TrySpace
相关产品推荐
相关产品推荐

