You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

内容的提问来源于stack exchange,提问作者TrySpace

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.26 18:58:17