我的应用昨天也抛出了同样的错误。我花了几个小时在SO上阅读问题/答案，并尝试了一些。对我有用的是:

https://github.com/ChainSafe/web3.js#troubleshooting-and-known-issues

当我重新安装节点模块时，我的webpack当前版本是5.38.1，我已经修复了这个问题 安装后，你必须更新你的webpack.config.js resolve{} with 回退:{"fs": false， "path": require.resolve("path-browserify")}而不使用"fs": false它显示错误，即:模块未找到:错误:无法解析'fs'在'/YOUR DIRECTORY…' 所以别忘了加上它;与其他东西看起来像:

module.exports = {
   ...
   resolve: {
    extensions: [".js", ".jsx", ".json", ".ts", ".tsx"],// other stuff
    fallback: {
      "fs": false,
      "path": require.resolve("path-browserify")
    }
  },
};

如果你的webpack.config.js文件中存在node属性，删除它

我在create-react-app中遇到了这个问题

"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "5.0.0",
"web-vitals": "^2.1.2"

我通过将react-scripts更改为4.0.3版本来解决这个问题。

我的环境是这样的:

React => v17 React脚本=> v5 Webpack => v5

要解决这个问题，请遵循下面的说明

1-安装以下软件包

yarn add fs assert https-browserify os os-browserify stream-browserify stream-http react-app-rewired

2-在项目根目录下package.json旁边创建config-coverrides.js

添加以下代码:

const webpack = require('webpack'); module.exports = function override(config, env) { config.resolve.fallback = { url: require.resolve('url'), fs: require.resolve('fs'), assert: require.resolve('assert'), crypto: require.resolve('crypto-browserify'), http: require.resolve('stream-http'), https: require.resolve('https-browserify'), os: require.resolve('os-browserify/browser'), buffer: require.resolve('buffer'), stream: require.resolve('stream-browserify'), }; config.plugins.push( new webpack.ProvidePlugin({ process: 'process/browser', Buffer: ['buffer', 'Buffer'], }), ); return config; }

3-像下面这样修改packages.js

"脚本":{ “start”:“react-app-rewired start”， “build”:“react-app-rewired build”， “test”:“react-app-rewired test” "eject": "react-app-rewired eject" }，

我喜欢把事情简单化，在这里之前不需要运行npm run-script eject，所以我降级回react-scripts@4.0.3而不是5.0.0 到目前为止，Webpack仍然没有解决这个问题

可悲的是，因为这包括一堆退役的包裹。

我尝试了这个https://stackoverflow.com/a/71803628/15658978解决方案，它解决了我的问题。

简单地运行以下2个命令

npm uninstall react-scripts
npm install react-scripts@4.0.3