React Native iOS非调试模式下_globalThis.crypto.subtle.digest未定义报错

你当前遇到的TypeError: undefined is not an object (evaluating '_globalThis.crypto.subtle.digest')报错，根因如下：

1. React Native 关闭调试模式时，运行环境为原生端的JS引擎，默认没有实现Web Crypto标准的crypto.subtle接口；开启调试模式时JS运行在Chrome浏览器环境，浏览器原生提供了该接口，因此仅在关闭调试时触发报错
2. 你调用的getOrCreateAssociatedAccountInfo方法内部依赖crypto.subtle.digest做哈希运算，你安装的react-native-crypto包仅polyfill了crypto的基础接口，没有覆盖subtle相关实现，因此调用时找不到对应对象。

• 方案一（优先推荐）：安装适配RN的Web Crypto完整polyfill

  1. 执行安装命令：npm install react-native-webcrypto --save
  2. 在项目入口文件（通常是index.js或者App.js的最顶部）添加全局注入代码：

  import crypto from 'react-native-webcrypto'
  
  // 全局注入crypto对象兜底
  if (typeof globalThis.crypto === 'undefined') {
    globalThis.crypto = crypto
  }
  if (typeof globalThis.crypto.subtle === 'undefined') {
    globalThis.crypto.subtle = crypto.subtle
  }
  

  3. 清理RN构建缓存重启项目：npx react-native start --reset-cache，重新打包安装APP即可修复。

• 方案二（适配旧版本RN）：替换为更通用的crypto polyfill

  1. 卸载原有不完整的依赖：npm uninstall react-native-crypto
  2. 安装替代polyfill包：npm install crypto-browserify stream-browserify --save
  3. 在项目根目录的metro.config.js中添加别名配置：

  const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
  
  const config = {
    resolver: {
      extraNodeModules: {
        crypto: require.resolve('crypto-browserify'),
        stream: require.resolve('stream-browserify'),
      },
    },
  };
  
  module.exports = mergeConfig(getDefaultConfig(__dirname), config);
  

  4. 在入口文件顶部添加注入代码：globalThis.crypto = require('crypto-browserify')
  5. 清理缓存重启项目即可。

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