Expo开发客户端中Babel.config.js插件失效，__scanOCR属性不存在

问题定位 #

你遇到的ReferenceError: Property '__scanOCR' doesn't exist本质是react-native-reanimated的Babel插件未正确处理该全局函数，结合Expo开发客户端特性，可从以下方向排查修复：

修复步骤 #

1. 补全Babel插件的globals配置
   你的配置里仅声明了__scanCodes，但报错指向__scanOCR，需将该函数也加入插件的globals数组：

   module.exports = function(api) {
     api.cache(true);
     return {
       presets: ['babel-preset-expo'],
       plugins: [
         [
           'react-native-reanimated/plugin',
           {
             globals: ['__scanCodes', '__scanOCR'], // 新增__scanOCR
           },
         ],
       ],
     };
   };
   

2. 彻底清理Expo全链路缓存
   普通缓存清理可能不彻底，执行以下操作：

   • 运行expo r -c重启项目并清除Metro缓存
   • 若使用自定义Expo开发客户端，重新构建并安装到设备；若使用Expo Go，直接卸载重装
   • 删除本地依赖缓存：rm -rf .expo node_modules && npm install（yarn/pnpm用户替换对应命令）

3. 确保reanimated插件是Babel配置的最后一项
   react-native-reanimated的Babel插件必须放在plugins数组的最后位置，若后续有其他插件，会干扰其处理逻辑导致失效。

4. 验证版本兼容性
   确认react-native-reanimated版本与当前Expo SDK版本匹配：

   • Expo SDK 49+ 对应 reanimated 3.x
   • Expo SDK 47-48 对应 reanimated 2.x
     版本不兼容会导致插件无法正常工作，可通过npm list react-native-reanimated查看当前版本，不匹配则重新安装对应版本。

5. 统一Babel配置文件
   Expo项目中可能存在.babelrc和babel.config.js冲突的情况，建议只保留其中一个配置文件，将reanimated配置写入保留文件中。

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