相关疑难解决方法(0)

如何在 webpack 5 中填充节点核心模块

webpack 5 不再对节点核心模块进行自动填充。请问怎么修?PS:我是开发的初学者,所以必须为我很好地描述解决方案。

错误

node.js webpack

57
推荐指数
14
解决办法
4万
查看次数

Angular 14 Webpack 5 错误,不必要的 Nodejs 模块(我认为)阻止我为应用程序提供服务

我正在开发一个全新的 Angular 14 应用程序。我的node版本是v14.20.0,npm是8.17.0

我不知道为什么,但由于某种原因,我包含了所有这些 Nodejs 依赖项。我尝试删除node_modules并再次安装npm,但仍然遇到这个问题。

我已经尝试了一些在网上看到的针对这个问题的解决方案,但我似乎无法摆脱这个错误。

如何找到并删除需要所有这些依赖项的包?下面是我看到的最初错误,它发生在许多不同的包上。

重大更改:webpack < 5 默认情况下包含 Node.js 核心模块的 Polyfill。这已不再是这种情况。验证您是否需要此模块并为其配置一个polyfill。

如果你想包含一个polyfill,你需要: - 添加一个后备 'resolve.fallback: { "zlib": require.resolve("browserify-zlib") }' - 安装 'browserify-zlib' 如果你不这样做想要包含一个polyfill,你可以使用一个空模块,如下所示:resolve.fallback: { "zlib": false }

许多不同的依赖项都会出现此错误。我能够通过 npm 安装解决终端中的错误,然后将这些路径添加到我的 tsconfig.json

{
 "compileOnSave": false,
 "compilerOptions": {
"paths": { 
  "path": [ "./node_modules/path-browserify" ],
  "stream": ["./node_modules/stream-browserify"],
  "http": ["./node_modules/stream-http"],    
  "crypto": ["./node_modules/crypto-browserify"],
  "zlib": ["./node_modules/browserify-zlib"]
}
Run Code Online (Sandbox Code Playgroud)

这解决了终端中的 Webpack 5 错误。然而,当我在浏览器中观察该应用程序时,我又看到了两个错误。

capability.js:1 Uncaught ReferenceError: global is not defined
 at 2942 (capability.js:1:28)
 at __webpack_require__ (bootstrap:19:1)

util.js:109 Uncaught ReferenceError: process is not defined …
Run Code Online (Sandbox Code Playgroud)

javascript node.js webpack angular

6
推荐指数
1
解决办法
5552
查看次数

标签 统计

node.js ×2

webpack ×2

angular ×1

javascript ×1