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

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

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

当前回答

我从express导入路由器时得到这个错误 import {Router} from 'express';

修正后解决 import {Router} from '@angular/ Router ';

其他回答

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

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

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

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

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

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

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

npm install assert --save

npm install buffer --save

对于任何面临类似问题的人，只需安装缺少的模块。这些模块被报告为缺失，因为它们是node.js的一部分，但也可以通过npm单独使用。

我喜欢把事情简单化，在这里之前不需要运行npm run-script eject，所以我降级回react-scripts@4.0.3而不是5.0.0 到目前为止，Webpack仍然没有解决这个问题

可悲的是，因为这包括一堆退役的包裹。

我从express导入路由器时得到这个错误 import {Router} from 'express';

修正后解决 import {Router} from '@angular/ Router ';

推荐文章