React Native运行出现大量Codegen未执行警告，寻求解决方案

问题原因 #

React Native 0.70+版本引入了强制Codegen机制，用于生成原生模块与JS层的绑定代码。如果你的Babel配置未使用官方指定的@react-native/babel-preset，或者第三方依赖未适配Codegen要求，就会触发这类警告，且该警告在未来版本会升级为错误。

解决步骤 #

• 安装/确认依赖的Babel预设
  检查项目根目录的package.json，确保已安装@react-native/babel-preset。如果没有，执行以下命令安装：

  npm install --save-dev @react-native/babel-preset
  # 或使用yarn
  yarn add --dev @react-native/babel-preset
  

• 修正Babel配置
  修改项目根目录的babel.config.js，确保预设配置为官方指定的包：

  module.exports = {
    presets: ['@react-native/babel-preset'],
  };
  

  注意：如果之前使用的是metro-react-native-babel-preset，直接替换即可——@react-native/babel-preset已包含metro的相关配置，是RN新版本的推荐配置。

• 清除缓存并重新构建
  清除Metro缓存，避免旧配置残留：

  npx react-native start --reset-cache
  

  之后重新运行你的项目：

  # Android
  npx react-native run-android
  # iOS
  npx react-native run-ios
  

• 更新第三方依赖
  警告中提到的模块（如RNCSafeAreaProvider对应react-native-safe-area-context）可能是因为版本过旧未适配Codegen。执行命令更新这些依赖：

  # 以react-native-safe-area-context为例
  npm update react-native-safe-area-context
  # 或yarn
  yarn upgrade react-native-safe-area-context
  

  若部分依赖暂无更新，可暂时通过添加DISABLE_CODEGEN_WARNINGS=true环境变量忽略警告，但需注意这只是临时方案，未来版本会触发错误，建议尽快寻找适配的替代依赖。

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