React Native中vision-camera-code-scanner报__scanCodes未定义及Xcode模块缺失问题求助

AI 小北

2026-8-5

解决__scanCodes is not defined及Xcode模块映射缺失问题

针对`__scanCodes is not defined`错误（iOS/Android通用）

调整Babel插件顺序：react-native-reanimated的插件必须放在babel配置的最后一项，确保它能正确处理所有转译后的代码。修改babel.config.js：

module.exports = {
  presets: ["module:metro-react-native-babel-preset"],
  plugins: [
    "module:react-native-dotenv",
    ["react-native-reanimated/plugin", { globals: ["__scanCodes"] }],
  ],
};

清除缓存重启服务：执行以下命令彻底清除缓存并重启Metro：
```
npx react-native start --reset-cache
```
验证补丁有效性：确认你给react-native-vision-camera打的补丁已正确生效。可以手动检查node_modules/react-native-vision-camera/ios/VisionCamera.xcodeproj/project.pbxproj文件，确保添加了vision-camera-code-scanner的框架搜索路径。若补丁未生效，可手动在Xcode中给VisionCamera target的Build Settings -> Framework Search Paths添加$(PROJECT_DIR)/../vision-camera-code-scanner/ios。

针对Xcode模块映射缺失错误

清理并重新安装依赖：
1. 删除node_modules、package-lock.json（或yarn.lock）
2. 执行npm install（或yarn install）
3. 清理Xcode DerivedData：删除~/Library/Developer/Xcode/DerivedData下对应项目的文件夹，或通过Xcode的Preferences -> Locations直接打开路径删除
4. 重新安装iOS Pods：npx pod-install ios
修复Pod配置：若上述步骤无效，执行pod deintegrate彻底移除现有Pods，再重新执行pod install
手动添加模块映射路径：打开Xcode主项目target的Build Settings：
1. 搜索Header Search Paths，添加$(SRCROOT)/../node_modules/vision-camera-code-scanner/ios并勾选递归选项
2. 搜索Module Map File，添加路径$(SRCROOT)/../node_modules/vision-camera-code-scanner/ios/vision_camera_code_scanner.modulemap