如何修复“重大更改：webpack < 5 默认情况下用于包含 Node.js 核心模块的 polyfills”错误？

我想用"web3" and “walletconnect/web3-provider”vue 和 laravel 8 上的包。我通过 npm i --save web3 @walletconnect/web3-provider 命令安装它，然后添加以下代码以导入到 vue。

import Vue from "vue";
import Web3 from "web3";
import WalletConnect from "@walletconnect/client";
import QRCodeModal from "@walletconnect/qrcode-modal"
import WalletConnectProvider from "@walletconnect/web3-provider";

const connector = new WalletConnect({
    bridge: "https://bridge.walletconnect.org", // Required
    qrcodeModal: QRCodeModal,
});
window.walletConnector = connector;

//  Create WalletConnect Provider
const provider = new WalletConnectProvider({
    infuraId: "27e484dcd9e3efcfd25a83a78777cdf1",
});

//  Enable session (triggers QR Code modal)
await provider.enable();

但我收到这个错误：

./node_modules/cipher-base/index.js 2:16-43 中的错误未找到模块： 错误：无法解析“流” '/var/www/tok/node_modules/cipher-base'

重大变更：webpack

如果你想包含一个polyfill，你需要：

• 添加后备 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
• 安装'stream-browserify' 如果你不想包含一个polyfill，你可以使用一个空模块，如下所示：resolve.fallback: { “流”：假}

./node_modules/keccak/lib/api/keccak.js 中的错误 1:22-39 模块不存在 发现：错误：无法解析“流” '/var/www/tok/node_modules/keccak/lib/api'

重大变更：webpack

如果你想包含一个polyfill，你需要：

• 添加后备 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
• 安装'stream-browserify' 如果你不想包含一个polyfill，你可以使用一个空模块，如下所示：resolve.fallback: { “流”：假}

./node_modules/keccak/lib/api/shake.js 中的错误 1:22-39 模块不存在 发现：错误：无法解析“流” '/var/www/tok/node_modules/keccak/lib/api'

重大变更：webpack

如果你想包含一个polyfill，你需要：

• 添加后备 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
• 安装'stream-browserify' 如果你不想包含一个polyfill，你可以使用一个空模块，如下所示：resolve.fallback: { “流”：假}

webpack编译有3个错误

显然这个错误与Webpack配置有关。我该如何解决？有人可以帮助我吗？

Run npm i react-app-rewired

创建 config-overrides.js 文件并添加以下内容：

const webpack = require('webpack');
module.exports = function override(config, env) {

    config.resolve.fallback = {
        url: require.resolve('url'),
        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;
}

安装 config-overrides.js 中的所有软件包。

在 package.json 中，替换脚本：

"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },