VS Code React项目中ESLint仅对app.js不生效其余文件正常如何解决

云原生阿岚

2026-10-7

检查VS Code ESLint插件配置：打开工作区的.vscode/settings.json文件，确认eslint.exclude配置项没有包含app.js或者其所在目录，同时确认存在以下配置：
```
{
  "eslint.validate": ["javascript", "javascriptreact"],
  "eslint.probe": ["javascript", "javascriptreact"]
}
```
检查.eslintignore规则：查看项目根目录的.eslintignore文件，确认没有误写app.js路径或者匹配到app.js的忽略规则，可临时重命名该文件测试是否恢复生效。
检查app.js文件内的禁用注释：查看app.js文件开头是否存在/* eslint-disable */这类全量禁用ESLint的注释，若有删除即可恢复检查。
检查文件名大小写匹配：部分ESLint规则对文件名大小写敏感，确认配置中的后缀匹配规则和实际文件名大小写一致，避免因App.js和app.js的大小写差异导致规则未匹配。
终端执行命令排查根源：在项目根目录执行npx eslint 你的app.js的相对路径，如果终端输出了规则报错，说明问题出在VS Code插件侧；如果终端也无报错，说明是ESLint配置覆盖问题。
检查多级配置冲突：查看app.js所在的子目录下是否存在额外的.eslintrc.*配置文件，这类子目录配置优先级高于根目录配置，可能会关闭所有检查规则。
重启ESLint服务：按Ctrl+Shift+P（Mac系统为Cmd+Shift+P）调出命令面板，执行ESLint: Restart ESLint Server命令，重启后再查看app.js是否正常触发检查，仍有问题可尝试重启整个VS Code。