TypeScript导入Node.js Crypto相关JS文件时出现函数调用错误

问题根源 #

你遇到的这个报错本质是环境不兼容：你的hash.js依赖的是Node.js专属的crypto模块，这个模块是Node.js后端提供的API，而你的user.service.ts是Angular前端代码，运行在浏览器环境中——浏览器并没有内置Node.js的crypto模块，自然找不到randomBytes这类方法。这也是为什么它在后端的api.js里能正常运行，到前端就报错的核心原因。

解决方案 #

根据你的需求，有两种可行的解决思路：

方案1：将密码哈希逻辑移至后端（推荐，更安全）

密码哈希的正确实践是在后端完成，前端只需要把明文密码通过HTTPS发送给后端接口，由后端调用你的hash.js生成哈希值后再处理（比如存入数据库或用于校验）。这样既彻底避免了前端环境的兼容性问题，也更安全——前端做哈希无法防止中间人攻击，哈希逻辑放在后端才是合规的做法。

方案2：改用浏览器支持的Web Crypto API实现哈希

如果确实需要在前端完成哈希操作，可以使用浏览器原生支持的Web Crypto API（W3C标准的浏览器加密接口）来替代Node.js的crypto模块。下面是适配浏览器环境的代码示例（可以改成.ts文件更贴合Angular项目）：

/**
 * 生成随机盐值（浏览器环境）
 * @param length 盐值长度
 */
async function genRandomString(length: number): Promise<string> {
  const array = new Uint8Array(Math.ceil(length / 2));
  window.crypto.getRandomValues(array);
  return Array.from(array, byte => byte.toString(16).padStart(2, '0'))
    .join('')
    .slice(0, length);
}

/**
 * 使用SHA-512和盐值哈希密码（浏览器环境）
 * @param password 明文密码
 * @param salt 盐值
 */
async function sha512(password: string, salt: string): Promise<{salt: string; passwordHash: string}> {
  const encoder = new TextEncoder();
  const passwordData = encoder.encode(password);
  const saltData = encoder.encode(salt);
  
  // 拼接盐值与明文密码
  const combined = new Uint8Array(saltData.length + passwordData.length);
  combined.set(saltData);
  combined.set(passwordData, saltData.length);
  
  // 生成SHA-512哈希
  const hashBuffer = await window.crypto.subtle.digest('SHA-512', combined);
  // 将ArrayBuffer转为十六进制字符串
  const hashArray = Array.from(new Uint8Array(hashBuffer));
  const passwordHash = hashArray.map(byte => byte.toString(16).padStart(2, '0')).join('');
  
  return {
    salt,
    passwordHash
  };
}

export { genRandomString, sha512 };

之后在user.service.ts中直接导入即可：

import { genRandomString, sha512 } from './hash';

为什么类型定义文件无效？ #

你之前尝试创建类型定义文件没用，是因为类型定义仅给TypeScript提供类型提示，让代码能通过编译，但运行时浏览器环境里依然没有Node.js crypto模块的实际实现——类型文件解决不了“缺少底层代码支持”的问题，所以还是会出现运行时报错。

内容的提问来源于stack exchange，提问作者Unnsteinn Garðarsson