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

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

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

当前回答

对我来说，我只是删除了一个未使用的导入，称为:

import res from "express/lib/response"

它把它修好了!

其他回答

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

简单地运行以下2个命令

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

NPM install path-browserify 然后尝试更改webpack配置以包括:

module.exports = {
    ...
    resolve: {
        alias: {
            path: require.resolve("path-browserify")
        }
    }
};

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

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

Secret的答案几乎对我有用(我还没有足够的声誉来评论，抱歉!)

按照他们的回答，然后告诉我，因为在eslint的要求版本的差异，我应该添加SKIP_PREFLIGHT_CHECK=true到项目中的.env文件，所以我只是把它添加到我现有的一个。

然后它将成功构建(终于!)但后来我注意到，至少在Chrome中，我无法点击任何东西，甚至无法选择任何文本。事实证明，在检查器中仍然有一个Iframe在所有可以删除的东西之上。-这适用于运行一个开发版本，npm run start，我不确定它是否适用于生产版本。

我必须说，在我看来，这种突然的变化真的没有经过很好的考虑!

所有其他答案都遗漏了一个重要的部分:如何不填充节点核心模块。如果错误来自你的依赖项的依赖项中的某个模块，而你实际上并不需要，你可以完全忽略它。在这种情况下，最简单的解决方法是添加到包中。Json这些行:

"browser": {
  "fs": false,
  "path": false,
  "os": false
}

如果需要忽略其他核心节点模块，也可以这样做。

这种方法适用于默认情况下实际webpack配置不能直接访问的框架(比如Angular)。

在寻找不同的错误时，我已经找到了这个解决方案。

推荐文章