Ionic React项目中使用create-hash的sha256算法报错求助

API 探路者

2026-8-13

Ionic React中create-hash使用sha256算法报错的解决方案

问题描述

已通过npm install create-hash安装create-hash包，使用以下代码调用时：

const hash = createHash('sha256')
      .update("entropyBuffer")
      .digest();

浏览器抛出错误：Uncaught TypeError: Cannot read properties of undefined (reading 'call') at Hash.CipherBase，但切换为'md5'、'rmd160'、'ripemd160'算法时可正常运行。

问题原因

这个错误本质是浏览器环境下缺少sha256算法对应的底层实现依赖。create-hash包本身只是上层封装，md5等算法的依赖可能默认已包含或被打包工具处理，但sha256依赖的sha.js模块可能未被正确安装或引入，导致运行时找不到对应的实现。

解决步骤

安装缺失的依赖
执行命令安装sha.js模块：
```
npm install sha.js
```

手动引入并初始化sha.js
在使用create-hash的文件中，先导入sha.js并初始化sha256算法，确保其被打包工具正确处理：

import sha from 'sha.js';
import createHash from 'create-hash';

// 提前初始化sha256，触发polyfill加载
sha('sha256');

// 注意：entropyBuffer需要是实际的Buffer对象，而非字符串"entropyBuffer"
const hash = createHash('sha256')
  .update(entropyBuffer)
  .digest();

打包工具额外配置（可选）
如果使用Vite作为构建工具，可在vite.config.ts中添加优化配置，确保依赖被正确处理：

import { defineConfig } from 'vite';

export default defineConfig({
  optimizeDeps: {
    include: ['sha.js', 'create-hash']
  },
  resolve: {
    alias: {
      'create-hash': 'create-hash/browser'
    }
  }
});

如果使用Webpack，则需在配置中添加fallback配置，确保node.js核心模块的polyfill：

module.exports = {
  resolve: {
    fallback: {
      'crypto': require.resolve('crypto-browserify'),
      'buffer': require.resolve('buffer')
    }
  }
};