Webpack打包ipfs-core用于浏览器端时，执行官方util模块处理方案后仍报错的问题咨询

你遇到的问题本质是Webpack 5不再默认提供Node.js核心模块的polyfill，而ipfs-core依赖的底层库（比如levelup）需要这些模块才能在浏览器环境正常运行。只单独处理util模块是不够的，我们需要完整配置必要的polyfill来覆盖所有缺失的依赖。

以下是分步解决方案：

1. 安装所需的polyfill依赖 #

首先，安装util、process和buffer这些Node核心模块的浏览器兼容版本：

npm install util process buffer --save-dev

2. 更新Webpack配置 #

修改你的webpack.config.js，补充完整的fallback配置和全局变量注入插件：

const webpack = require('webpack');

module.exports = {
  entry: {
    wallet: './src/client/wallet.js',
    account: './src/client/account.js',
    topButtons: './src/client/topButtons.js',
    create: './src/client/create.js',
    artistInfo: './src/client/artistInfo.js'
  },
  output: {
    filename: '[name].js',
    path: __dirname + '/dist/js',
  },
  experiments: {
    topLevelAwait: true,
  },
  resolve: {
    fallback: {
      "util": require.resolve("util/"),
      "process": require.resolve("process/browser"),
      "buffer": require.resolve("buffer/")
    }
  },
  plugins: [
    new webpack.ProvidePlugin({
      process: 'process/browser',
      Buffer: ['buffer', 'Buffer']
    })
  ]
};

配置说明 #

• 针对process is not defined错误：util包内部依赖Node的process变量，Webpack 5不再自动提供该变量，因此我们通过resolve.fallback指定浏览器版本的process，同时用ProvidePlugin将其全局注入，确保所有依赖模块都能访问到。
• 针对inherits is not a function错误：levelup依赖util.inherits方法，禁用util的fallback会导致这个方法缺失，所以必须正确引入util的polyfill版本，不能直接设为false。
• 额外添加buffer的polyfill：ipfs-core及其依赖库大量使用Buffer，提前配置可以避免后续出现类似的模块缺失错误。

最后验证 #

安装完依赖并更新配置后，重新运行Webpack打包命令：

npx webpack

这样应该就能成功在浏览器环境中加载并使用ipfs-core了。

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