在现有iOS应用集成React Native遇React Fabric codegen执行错误

1. 检查Codegen脚本配置 #

• 确认iOS项目Build Phases中已添加正确的执行脚本，脚本内容需包含：

  ../node_modules/react-native/scripts/react-native-xcode.sh
  

• 确保脚本的Shell设置为/bin/bash，取消勾选Run script only when installing（Xcode 15+环境下该选项可能导致脚本未触发）

2. 补全依赖并验证版本匹配 #

• 安装@react-native/codegen依赖：

  yarn add @react-native/codegen --dev
  

• 核对package.json版本：React 18.0.0需搭配React Native 0.69.x及以上稳定版本，建议锁定至0.72.10这类经过验证的兼容版本

3. 调整Xcode项目构建设置 #

• 进入项目Build Settings，将CLANG_ENABLE_MODULES设为YES
• 在HEADER_SEARCH_PATHS中添加Codegen相关目录：

  $(SRCROOT)/../node_modules/react-native/ReactCommon
  $(SRCROOT)/../node_modules/react-native/ReactCommon/ReactFabric
  $(SRCROOT)/../build/generated/ios
  

• 临时切换至Legacy Build System测试：打开File > Project Settings，将Build System改为Legacy Build System，排查新构建系统的兼容性问题

4. 手动触发Codegen生成 #

• 在项目根目录执行手动生成命令，替换YourAppTargetName为你的iOS Target名称：

  npx react-native codegen ios --project-root . --target-name YourAppTargetName
  

• 确认build/generated/ios目录下已生成ReactFabric相关的.h和.mm文件

5. 清理缓存后重新构建 #

• 清理Xcode缓存：按Command + Shift + K执行Clean，再删除~/Library/Developer/Xcode/DerivedData目录
• 清理Node依赖缓存：

  yarn cache clean
  rm -rf node_modules
  yarn install
  

• 重启Xcode后执行Clean Build Folder，再重新构建项目

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