React Native集成bcryptjs报未知模块错误求助

核心原因 #

bcryptjs依赖Node.js的crypto模块生成随机数，但React Native（Hermes引擎）环境中没有这个模块；同时你对react-native-get-random-values的导入和使用方式错误，导致bcryptjs无法找到可用的随机数生成器，进而触发模块加载错误。

解决步骤 #

1. 全局导入react-native-get-random-values
   该库需要在项目入口文件（如App.tsx/index.js）的最顶部导入，用于全局补全Web Crypto API的getRandomValues方法，确保bcryptjs加载时能找到它：

   // App.tsx 顶部
   import 'react-native-get-random-values';
   // 其他组件、库的导入放在后面
   

2. 移除不必要的随机数 fallback 设置
   react-native-get-random-values会自动全局注入Crypto.getRandomValues，bcryptjs会默认使用这个方法，无需手动调用bcrypt.setRandomFallback，否则会因执行时机问题引发错误。

3. 修正组件内的密码哈希逻辑
   将哈希逻辑改为async/await写法，并确保逻辑在useEffect中执行，避免组件顶层的重复执行：

   import bcrypt from 'bcryptjs';
   import { useState, useEffect } from 'react';
   
   // 组件内部
   const [hashedPassword, setHashedPassword] = useState<string | undefined>();
   
   const hashPassword = async () => {
     const saltRounds = 10;
     const passwordToHash = password; // 假设password是组件内的状态变量
   
     try {
       const salt = await bcrypt.genSalt(saltRounds);
       const hash = await bcrypt.hash(passwordToHash, salt);
       setHashedPassword(hash);
     } catch (err) {
       console.error('密码哈希失败:', err);
       // 此处可添加错误提示UI逻辑
     }
   };
   
   useEffect(() => {
     // 仅当密码验证通过时执行哈希
     if (confirmedPasswordValid) {
       hashPassword();
     }
   }, [confirmedPasswordValid, password]); // 添加password作为依赖，避免无效重复执行
   

4. 彻底清理缓存并重启服务
   执行以下命令清除Metro缓存，再重新启动项目：

   npx expo start --clear
   

额外说明 #

• 不要在组件内部将react-native-get-random-values导入为变量（如RNPRNG），它的作用是全局补全API，不需要调用其导出方法。
• 使用async/await替代回调函数，既简化代码，也更便于错误捕获和处理。

内容的提问来源于stack exchange，提问作者MVC Developer Team