Webpack build error: Can't resolve 'stream' and 'timers' etc

error: Can't resolve 'stream' and 'timers' etc"/>

Webpack build error: Can't resolve 'stream' and 'timers' etc

我正在尝试使用 Webpack 构建项目，但出现以下错误：

Module not found: Error: Can't resolve 'stream' in 'C:\path\to\project\node_modules\mysql\lib\protocol'

Module not found: Error: Can't resolve 'timers' in 'C:\path\to\project\node_modules\mysql\lib\protocol'

我尝试按照错误消息的建议将以下内容添加到我的 Webpack 配置中：

resolve: {
  fallback: {
    "stream": require.resolve("stream-browserify"),
    "timers": require.resolve("timers-browserify")
  }
}

我也安装了

stream-browserify

timers-browserify

我正在使用 Webpack 版本 5.64.4.

这是我的完整 Webpack 配置：

const path = require('path');

module.exports = {
  mode: 'development',

  resolve: {
    fallback: {
      "crypto": require.resolve("crypto-browserify"),
      "net": require.resolve("net-browserify"),
      "tls": require.resolve("tls-browserify"),
      "zlib": require.resolve('browserify-zlib'),
      "async_hooks": require.resolve("async_hooks"),
      "http": require.resolve('stream-http'),
      "buffer": require.resolve('buffer/'),
      "process": require.resolve('process/browser'),
      "path": require.resolve("path-browserify"),
      "fs": require.resolve('fs-extra'),
      "timers": require.resolve("timers-browserify")
    }
  },
  entry: './src/index.js', // or the entry file for your application
  output: {
    path: path.resolve(__dirname, 'dist'), // or the output path for your application
    filename: 'bundle.js' // or the output filename for your application
  },
    module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-react']
          }
        }
      },
      {
        test: /\.css$/i,
        use: ['style-loader', 'css-loader'],
      }
    ]
  }
};

关于如何解决这个错误有什么建议吗？提前感谢您的帮助！