React Native iOS Release包崩溃，Babel未处理扩展运算符报错

这个问题我之前帮同事排查过，Debug模式正常但Release挂掉，十有八九是Release构建时Babel没有正确转译第三方库的ES语法，尤其是NativeBase这类依赖里用到的扩展运算符，没被处理就直接打包导致崩溃。结合你的.babelrc配置，我整理了几个可行的解决思路：

1. 简化Babel配置，移除冗余插件 #

你的配置里同时加了transform-object-rest-spread和syntax-object-rest-spread，但stage-3预设其实已经包含了对象扩展运算符的支持，重复配置反而可能在Release优化流程里引发冲突。修改后的.babelrc如下：

{
  "presets": ["react-native", "stage-3"],
  "plugins": [
    "transform-es2015-destructuring",
    [
      "import",
      { "libraryName": "antd-mobile", "style": true }
    ]
  ]
}

注意把react-native预设放在前面，确保它的基础转译规则先生效

2. 让Metro转译NativeBase等第三方库 #

React Native默认不会转译node_modules里的依赖，但有些库（比如NativeBase）可能用了未转译的ES6+语法，Release构建时会因为这些语法不兼容而崩溃。需要修改metro.config.js（没有的话就新建），指定需要转译的库：

const path = require('path');
const { getDefaultConfig } = require('metro-config');

module.exports = (async () => {
  const defaultConfig = await getDefaultConfig();
  const { resolver } = defaultConfig;

  return {
    ...defaultConfig,
    resolver: {
      ...resolver,
      // 关键：告诉Metro要转译NativeBase及其依赖
      allowlist: [
        /native-base\/.*/,
        /@native-base\/.*/
      ],
      nodeModulesPaths: [
        path.resolve(__dirname, './node_modules'),
      ]
    },
    transformer: {
      getTransformOptions: async () => ({
        transform: {
          experimentalImportSupport: false,
          inlineRequires: true,
        },
      }),
    },
  };
})();

如果项目里缺少node-libs-react-native，先执行npm install node-libs-react-native --save-dev安装

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

不管用哪个方案，都要清理React Native的缓存，避免旧构建文件干扰：

# 清理npm缓存
npm cache clean --force
# 重置Metro缓存
npx react-native start --reset-cache
# 重新构建Android Release版本
npx react-native run-android --variant=release
# 或者iOS Release版本
npx react-native run-ios --configuration Release

如果以上方法都无效，可以尝试升级NativeBase到最新稳定版，旧版本确实存在一些Release构建的语法兼容问题：

npm install native-base@latest --save

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