解决crypto废弃模块切换至Node内置模块问题

首先，先把那个废弃的crypto包删掉吧，它完全帮不上忙还可能添乱：

npm uninstall crypto

你的问题本质是打包工具（比如Webpack、Vite这类）不知道该去Node.js的内置模块里找crypto——毕竟crypto是Node.js自带的核心模块，根本不需要额外安装，但如果你的代码是在浏览器环境运行（或者用前端打包工具构建），打包工具默认不会自动引入Node的核心模块，就会抛出“找不到crypto”的错误。

下面分几种常见场景给你解决方案：

场景1：用Webpack 5+构建 #

在你的webpack.config.js里添加resolve.fallback配置，告诉Webpack当遇到crypto时去用对应的浏览器兼容polyfill：

module.exports = {
  // 其他配置...
  resolve: {
    fallback: {
      "crypto": require.resolve("crypto-browserify"),
      "stream": require.resolve("stream-browserify")
    }
  }
};

别忘了先安装对应的polyfill包：

npm install crypto-browserify stream-browserify --save-dev

场景2：用Vite构建 #

安装Vite的Node polyfill插件来处理内置模块兼容：

npm install vite-plugin-node-polyfills --save-dev

然后在vite.config.js里配置插件：

import { defineConfig } from 'vite';
import { nodePolyfills } from 'vite-plugin-node-polyfills';

export default defineConfig({
  plugins: [
    nodePolyfills({
      // 专门指定polyfill crypto模块
      include: ['crypto']
    })
  ]
});

场景3：用Create React App（未eject） #

CRA默认隐藏了Webpack配置，你需要用react-app-rewired来修改配置：

1. 安装依赖：

npm install react-app-rewired crypto-browserify stream-browserify --save-dev

2. 在项目根目录创建config-overrides.js：

const webpack = require('webpack');

module.exports = function override(config) {
  config.resolve.fallback = {
    crypto: require.resolve('crypto-browserify'),
    stream: require.resolve('stream-browserify')
  };
  config.plugins.push(
    new webpack.ProvidePlugin({
      process: 'process/browser',
    })
  );
  return config;
};

3. 修改package.json里的启动脚本，把react-scripts换成react-app-rewired：

"scripts": {
  "start": "react-app-rewired start",
  "build": "react-app-rewired build",
  "test": "react-app-rewired test"
}

补充：如果是纯Node.js环境运行 #

如果你的代码是直接在Node.js里跑（不是打包成浏览器端代码），那理论上根本不会出现这个错误——检查下是不是你不小心用了前端打包工具去构建Node项目？或者试试清除项目缓存后重新安装依赖：

rm -rf node_modules package-lock.json
npm install

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