如何Polyfill节点核心模块在webpack 5

Webpack 5不再对节点核心模块进行自动填充。请问怎么修?

break CHANGE:默认情况下，webpack < 5用于为node.js核心模块包含polyfills。现在情况已经不同了。验证你是否需要这个模块，并为它配置一个填充。

当前回答

我的应用昨天也抛出了同样的错误。我花了几个小时在SO上阅读问题/答案，并尝试了一些。对我有用的是:

https://github.com/ChainSafe/web3.js#troubleshooting-and-known-issues

其他回答

我尝试了这个https://stackoverflow.com/a/71803628/15658978解决方案，它解决了我的问题。

简单地运行以下2个命令

npm uninstall react-scripts
npm install react-scripts@4.0.3

我在create-react-app中遇到了这个问题

"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "5.0.0",
"web-vitals": "^2.1.2"

我通过将react-scripts更改为4.0.3版本来解决这个问题。

Create React App刚刚发布了v5，现在实现了Webpack v5。这将完全打破许多库，其中包括web3作为必需的节点核心库腻子将会丢失。

为了快速解决这个问题，你可以在package.json中修改这个:

"react-scripts": "^5.0.0"

这个

"react-scripts": "4.0.3"

在这之后:

rm -r node_modules

rm package-lock.json

npm install

如果你使用Twilio:

Twilio模块不是用于客户端JavaScript的，这就是它在Angular应用中失败的原因。Twilio使用您的帐户SID和您的认证令牌，在客户端使用代表风险; 所以最好是在服务器端使用它并使用API。

我想这里的大部分答案都能解决你的问题。然而，如果你的节点开发不需要Polyfills，那么我建议在Webpack模块配置中使用target: 'node'。这帮我解决了这个问题。

这里有一些关于答案的文档:https://webpack.js.org/concepts/targets/

推荐文章