React Native打包APK报babel命名空间导出转换错误

该错误是Release构建阶段Babel缺少ES模块命名空间导出语法的转译能力导致的。开发模式下Metro做了语法兼容兜底，所以不会触发该问题，和入口文件是否导入react-native-gesture-handler无关。

• 安装缺失的Babel转译插件
  执行对应包管理命令安装开发依赖：

# yarn用户执行
yarn add @babel/plugin-proposal-export-namespace-from -D

# npm用户执行
npm install @babel/plugin-proposal-export-namespace-from --save-dev

• 修改项目根目录的babel.config.js配置，将插件加入转译列表
  参考配置如下：

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    '@babel/plugin-proposal-export-namespace-from',
    'react-native-reanimated/plugin'
    // 注意：react-native-reanimated/plugin 必须放在plugins数组的最后一位，否则会触发其他编译错误
  ]
};

• 全量清理缓存后重新构建
  按顺序执行命令，避免旧缓存导致配置不生效：

# 清理Metro bundler缓存
npx react-native start --reset-cache

# 清理Android构建缓存
cd android && ./gradlew clean && cd ..

# 重新执行Release包构建
npx react-native run-android --variant=release

如果以上操作完成后仍报错，逐一检查以下配置：

• 确认项目依赖中没有手动锁死过低版本的@babel/core、metro-react-native-babel-preset包，当前你使用的React Native 0.68.2版本和依赖清单里的babel相关版本是匹配的，不需要额外降级
• 如果是某个第三方依赖内部使用了export * as xxx的语法未被转译，可在metro.config.js中调整配置，将对应依赖加入强制转译范围即可。

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