React项目用pdf2html转PDF为HTML遇stream模块缺失问题求助

排查webpack配置正确性 #

• 确认项目的webpack.config.js中已正确配置resolve.fallback，确保包含stream的polyfill配置：

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

• 若使用Create React App（CRA），需借助craco或react-app-rewired修改默认webpack配置：
  1. 安装依赖：

     npm install craco stream-browserify --save-dev
     

  2. 在项目根目录创建craco.config.js，添加配置：

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

  3. 修改package.json中的启动脚本：

     "scripts": {
       "start": "craco start",
       "build": "craco build",
       "test": "craco test"
     }
     

清理依赖并重新安装 #

• 删除现有依赖包和锁文件，重新安装以排除版本冲突：

  rm -rf node_modules package-lock.json yarn.lock
  npm install
  

• 可尝试指定兼容版本安装stream-browserify：

  npm install stream-browserify@3.0.0 --save-dev
  

替代方案：迁移至服务端处理 #

若前端环境下的兼容问题难以解决，建议将PDF转HTML的逻辑移至服务端：

• 使用Node.js生态的pdf2htmlEX（需先安装系统级工具）或pdfjs-dist实现转换
• 前端仅负责传递PDF URL至后端接口，后端完成转换后返回HTML内容，规避前端对Node.js核心模块的依赖问题

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