Webpack 5集成probe-image-size报错：无法解析'stream'模块求助

以下是几个针对性的修复方向：

1. 补充全局Stream类的注入 #

你的配置已全局注入Buffer和process，但stream-browserify的核心Stream类也需要全局暴露，才能被probe-image-size识别。修改webpack.config.js中的ProvidePlugin：

new webpack.ProvidePlugin({
    process: 'process/browser',
    Buffer: ['buffer', 'Buffer'],
    Stream: ['stream-browserify', 'Stream'], // 新增该行
}),

2. 确保依赖安装完整 #

重新安装所有需要的polyfill依赖（注意使用--save而非--save-dev，因为这些是运行时必需的）：

npm install stream-browserify buffer process --save

3. 补充额外的polyfill依赖 #

probe-image-size可能间接依赖util模块，在resolve.fallback中添加对应配置：

resolve: {
    extensions: ['.tsx', '.ts', '.js'],
    fallback: {
        "stream": require.resolve("stream-browserify"),
        "buffer": require.resolve("buffer/"),
        "util": require.resolve("util/") // 新增该行
    }
},

执行命令安装util的polyfill：

npm install util --save

4. 清理Webpack缓存 #

Webpack可能缓存了旧的模块解析结果，执行清理命令后重新构建：

npx webpack --clean

也可以手动删除node_modules/.cache目录后再运行构建。

5. 调整probe-image-size版本 #

如果以上方法无效，尝试切换probe-image-size的版本，比如安装最新稳定版：

npm install probe-image-size@latest --save

或降级到已知兼容Webpack 5的版本（如7.2.3）。

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