远程调试开启时setState与私钥解密正常，关闭后失效求助

这问题我之前在React Native项目里踩过坑，核心原因是远程调试和原生JS引擎的环境差异——开启调试时JS代码跑在Chrome的V8引擎里，和Node.js环境接近；但关闭调试后，代码会切换到设备的原生JS引擎（Hermes或默认的JSC），这两个环境对Node.js API的支持差异很大，再加上你没做错误捕获，导致报错后Promise链直接中断，看起来就像setState和解密函数都失效了。

1. 先加错误捕获，定位具体问题 #

关闭调试后控制台看不到错误，所以先给Promise链加上.catch，把错误弹出来，这样就能精准定位问题：

<TouchableOpacity onPress={() => { 
  this.decryptWithPrivateKey( 
    this.state.privateKey, 
    this.state.ciphered 
  ).then(result => { 
    this.setState({ deciphered: result }, () => { 
      console.log(this.state.deciphered); 
      alert(this.state.deciphered); 
    }); 
  }).catch(err => {
    // 关闭调试也能看到错误信息
    alert('解密出错：' + err.message);
    console.error(err);
  }); 
}} > 
<Text>decrypt</Text> 
</TouchableOpacity>

2. 替换Node.js的Buffer为React Native兼容实现 #

React Native原生引擎对Node.js的Buffer支持不完善，这是最常见的触发点，你可以用两种方式解决：

方案一：使用react-native-buffer库 #

先安装依赖：

npm install react-native-buffer --save

然后修改你的解密函数：

import Buffer from 'react-native-buffer';

decryptWithPrivateKey = (privateKey, encrypted) => { 
  const buf = Buffer.from(encrypted, "hex"); 
  encrypted = { 
    iv: buf.toString("hex", 0, 16), 
    ephemPublicKey: buf.toString("hex", 16, 49), 
    mac: buf.toString("hex", 49, 81), 
    ciphertext: buf.toString("hex", 81, buf.length) 
  }; 
  // 处理公钥压缩
  encrypted.ephemPublicKey = publicKeyConvert( 
    Buffer.from(encrypted.ephemPublicKey, "hex"), 
    false 
  ).toString("hex"); 
  const twoStripped = privateKey.substring(2); 
  const encryptedBuffer = { 
    iv: Buffer.from(encrypted.iv, "hex"), 
    ephemPublicKey: Buffer.from(encrypted.ephemPublicKey, "hex"), 
    ciphertext: Buffer.from(encrypted.ciphertext, "hex"), 
    mac: Buffer.from(encrypted.mac, "hex") 
  }; 
  return decrypt(Buffer.from(twoStripped, "hex"), encryptedBuffer).then( 
    decryptedBuffer => decryptedBuffer.toString() 
  ); 
};

方案二：用原生Uint8Array替代（无额外依赖） #

如果不想加第三方库，自己实现十六进制和二进制的转换：

// 工具函数：十六进制字符串转Uint8Array
const hexToUint8Array = (hex) => {
  const length = hex.length / 2;
  const arr = new Uint8Array(length);
  for (let i = 0; i < length; i++) {
    arr[i] = parseInt(hex.substr(i * 2, 2), 16);
  }
  return arr;
};

// 工具函数：Uint8Array转十六进制字符串
const uint8ArrayToHex = (arr) => {
  return Array.from(arr).map(b => b.toString(16).padStart(2, '0')).join('');
};

decryptWithPrivateKey = (privateKey, encrypted) => { 
  const buf = hexToUint8Array(encrypted); 
  // 提取各段数据的十六进制字符串
  const encryptedData = {
    iv: uint8ArrayToHex(buf.slice(0, 16)),
    ephemPublicKey: uint8ArrayToHex(buf.slice(16, 49)),
    mac: uint8ArrayToHex(buf.slice(49, 81)),
    ciphertext: uint8ArrayToHex(buf.slice(81))
  };

  // 处理公钥压缩
  const ephemPubKeyBuf = hexToUint8Array(encryptedData.ephemPublicKey);
  encryptedData.ephemPublicKey = uint8ArrayToHex(publicKeyConvert(ephemPubKeyBuf, false));

  const twoStripped = privateKey.substring(2); 
  const encryptedBuffer = { 
    iv: hexToUint8Array(encryptedData.iv), 
    ephemPublicKey: hexToUint8Array(encryptedData.ephemPublicKey), 
    ciphertext: hexToUint8Array(encryptedData.ciphertext), 
    mac: hexToUint8Array(encryptedData.mac) 
  }; 
  return decrypt(hexToUint8Array(twoStripped), encryptedBuffer).then( 
    decryptedBuffer => new TextDecoder().decode(decryptedBuffer)
  ); 
};

3. 检查加密依赖的兼容性 #

你用到的publicKeyConvert和decrypt函数，如果是依赖Node.js的crypto模块或者第三方加密库，大概率在原生JS引擎下无法正常工作。建议：

• 替换为React Native适配的加密库，比如react-native-crypto；
• 如果是自定义的加密逻辑，确保所有二进制处理都用React Native支持的API，不要依赖Node.js私有特性。

4. 用async/await重构代码（提升可读性） #

把回调式的Promise调用改成async/await，代码更清晰，也更容易调试：

<TouchableOpacity onPress={async () => { 
  try {
    const result = await this.decryptWithPrivateKey(
      this.state.privateKey, 
      this.state.ciphered
    );
    this.setState({ deciphered: result }, () => {
      console.log(this.state.deciphered);
      alert(this.state.deciphered);
    });
  } catch (err) {
    alert('解密失败：' + err.message);
    console.error(err);
  }
}} > 
<Text>decrypt</Text> 
</TouchableOpacity>

按照上面的步骤一步步排查，应该能解决关闭调试后功能失效的问题。

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