reactjs - 无法解析 'os' ，webpack 5

Question

所以我在做一个webpack5应用程序，当我添加web3时，我遇到了这个问题

ERROR in ./node_modules/xhr2-cookies/dist/xml-http-request.js 23:9-22

找不到模块:错误:无法解析 'C:\Users\Arex\Desktop\webpack5-react-boilerplate-master\node_modules\xhr2-cookies\dist' 中的 'os'

重大变化:webpack < 5 用于默认包含 node.js 核心模块的 polyfill。这已不再是这种情况。验证您是否需要此模块并为其配置 polyfill。

如果你想包含一个 polyfill，你需要:- 添加后备 'resolve.fallback: { "os": require.resolve("os-browserify/browser") }'- 安装'os-browserify'如果你不想包含一个 polyfill，你可以像这样使用一个空模块:resolve.fallback: { "os": false }

Answer 1

我遇到了类似的问题。这是因为 Webpack 5 不再包含用于 node.js 的 polyfill。

一个简单的解决方案:

添加此插件 https://github.com/Richienb/node-polyfill-webpack-plugin到你的 webpack.config.js:

const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");

module.exports = {
    plugins: [
        new NodePolyfillPlugin()
    ],
}

这将添加您可能缺少的那些 node.js polyfill。