添加react-native-camera后VSCode中ESLint报'Cannot read property 'range' of null'错误

安全阿岳

2026-5-28

解决方案：ESLint "Cannot read property 'range' of null" 错误修复

我之前也碰到过类似的诡异问题，折腾了好一会儿才找到可行的解决办法，给你几个方向试试：

检查并更新ESLint相关依赖版本
插件和本地项目的ESLint依赖版本不匹配是这类奇怪错误的常见原因。先把项目里的ESLint核心依赖和相关插件更到最新稳定版：
```
npm update eslint eslint-plugin-react eslint-plugin-react-native @typescript-eslint/eslint-plugin @typescript-eslint/parser --save-dev
```
更新完成后重启VSCode，看看Lint功能是否恢复。
清除ESLint缓存
依赖变动后，ESLint的缓存很容易出问题。你可以通过两种方式清除：
- 终端运行命令：npx eslint --clear-cache
- 直接删除项目根目录下的.eslintcache文件（如果存在的话）
  操作完后重启ESLint服务试试。
排查react-native-camera相关代码的语法问题
虽然APP能正常运行，但某些不规范的写法（比如未闭合的JSX标签、不合法的语法）可能会让ESLint的解析器崩溃。可以先暂时注释掉所有react-native-camera相关的代码，看看ESLint是否恢复正常——如果恢复了，再逐步排查是哪段代码触发了错误。
另外，确保你的ESLint配置文件（.eslintrc.js/.eslintrc.json）里正确引入了React Native规则，比如：
```
module.exports = {
  extends: [
    'plugin:react/recommended',
    'plugin:react-native/all'
  ],
  plugins: ['react', 'react-native']
}
```
重置VSCode的ESLint插件状态
插件偶尔会出现状态异常，试试这些操作：
1. 打开VSCode命令面板（Ctrl+Shift+P），输入并执行 ESLint: Restart ESLint Server 命令
2. 如果重启服务没用，可以先禁用ESLint插件，重启VSCode后再重新启用它
重新安装Node依赖
Gradle升级可能间接影响了某些native模块的安装脚本，导致依赖出现异常。可以删除node_modules文件夹和package-lock.json（或yarn.lock），然后重新执行：
```
npm install
```
确保所有依赖都被正确安装。