You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native iOS报错:框架模块yoga.YGNode引入非模块化头文件

解决React Native Image Picker与Yoga相关Xcode报错及Pods安装问题

先处理Pods依赖问题

  • 清除现有Pods缓存与冗余文件:
    cd ios
    rm -rf Pods Podfile.lock
    pod cache clean --all
    
  • 重新安装Pods(更新仓库确保拉取最新依赖):
    pod install --repo-update
    
    若遇权限报错,可尝试添加sudo执行(注意确认目录权限,避免后续权限问题)。

修复Yoga相关编译报错

  • 核对版本一致性:检查Podfile.lock中Yoga与React-Core的版本是否匹配,若不一致,删除Podfile.lock后重新执行pod install。
  • 清理Xcode编译缓存:打开Xcode,点击Product -> Clean Build Folder(快捷键Cmd+Shift+K),之后重启Xcode再尝试编译。
  • 检查头文件路径:在Xcode项目的Build Settings中,确认Header Search Paths包含$(SRCROOT)/Pods/Yoga/include,并设置为recursive模式。

解决react-native-image-picker配置问题

  • 完善Info.plist权限:添加相机、相册权限描述(缺少会导致运行时崩溃或权限报错):
    <key>NSCameraUsageDescription</key>
    <string>需要访问相机拍摄照片</string>
    <key>NSPhotoLibraryUsageDescription</key>
    <string>需要访问相册选择照片</string>
    
  • 确认库链接状态:RN 0.60+版本自动链接,若仍有问题,重新执行pod install确保链接生效;RN 0.60以下版本执行react-native link react-native-image-picker手动链接。
  • 匹配版本兼容性:确保react-native-image-picker版本与当前React Native版本适配,比如RN 0.70+建议使用5.x系列版本。

通用排查要点

  • 验证Xcode版本:React Native 0.70+要求Xcode 14.1及以上版本,版本过低会导致编译报错。
  • 规范Node.js版本:用nvm管理Node版本,确保使用RN官方推荐的对应版本(比如RN 0.70+推荐Node 16.x)。

内容的提问来源于stack exchange,提问作者gabogabans

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.27 21:52:05