Ubuntu系统VS Code无法读取React项目.eslintrc.json文件求助

你遇到的Unexpected end of JSON input错误，本质是你的.eslintrc.json文件存在JSON语法错误——JSON对格式要求非常严格，哪怕是多一个逗号、少一个闭合括号，都会导致解析失败。下面是一步步的排查和解决步骤：

• 第一步：检查并修复JSON语法错误
  这是最常见的原因，你可以通过两种方式快速定位问题：

  1. 在VS Code中打开.eslintrc.json，编辑器本身会在有语法错误的位置显示红色波浪线，把鼠标悬停上去就能看到具体错误提示（比如“Expected comma or closing bracket”）。
  2. 用终端工具校验：先全局安装JSON校验工具jsonlint，执行命令：

     npm install -g jsonlint
     

     然后在项目根目录运行：

     jsonlint .eslintrc.json
     

     工具会直接告诉你错误的行号和原因，比如“Parse error on line X: Unexpected end of input”。

  常见的JSON错误例子：

  • 最后一个键值对后面多了逗号：比如"rules": {"react/jsx-uses-react": "error",}（注意最后一个多余的逗号）
  • 遗漏了闭合的大括号/中括号：比如只写了{没写对应的}
  • 引号不配对：比如用了单引号（JSON要求必须用双引号）或者某个字符串没闭合

• 第二步：修复后重启VS Code
  有时候VS Code会缓存旧的配置文件状态，修复语法错误后完全关闭编辑器再重新打开，确保它重新读取正确的配置。

• 第三步：确认ESLint插件状态
  打开VS Code的扩展面板（快捷键Ctrl+Shift+X），搜索“ESLint”插件，确保它是启用状态，没有被禁用。如果之前禁用过，重新启用后再重启编辑器。

• 第四步：验证配置有效性
  修复完成后，在终端运行项目根目录下的ESLint命令，测试配置是否正常工作：

  npx eslint .
  

  如果没有报错，说明配置文件已经可以正常被读取了。

内容的提问来源于stack exchange，提问作者asmmahmud