fs 的 webpack5 polyfill 顽固地无法解决 Angular 14 项目

Question

全新安装 Angular 14 Ionic 6 项目，安装@aws-sdk/client-s3 (v3) package。

@aws-sdk 依赖于其某些库中的fs模块，例如： \node_modules@aws-sdk\shared-ini-file-loader\dist-es\getSSOTokenFromFile.js

在为大多数其他使用的库（http、os、crypto）提供替代方案之后 - 无论我做什么，我都无法解析 fs。

我可以构建应用程序，但运行时会将其抛出到控制台：

getSSOTokenFromFile.js:4 Uncaught TypeError: Cannot read property 'readFile' of undefined
    at Module.89769 (getSSOTokenFromFile.js:4)
    at __webpack_require__ (bootstrap:19)
    at Module.76090 (getSSOTokenFromFile.js:5)
    at __webpack_require__ (bootstrap:19)
    at Module.64895 (staticStabilityProvider.js:3)
    at __webpack_require__ (bootstrap:19)
    at Module.84655 (fromIni.js:4)
    at __webpack_require__ (bootstrap:19)
    at Module.40554 (aws-file-upload.service.ts:4)
    at __webpack_require__ (bootstrap:19)

这个错误是指上面提到的这个文件： getSSOTokenFromFile.js ：

import { __awaiter, __generator } from "tslib";
import { promises as fsPromises } from "fs";
import { getSSOTokenFilepath } from "./getSSOTokenFilepath";
var readFile = fsPromises.readFile;
export var getSSOTokenFromFile = function (ssoStartUrl) { return __awaiter(void 0, void 0, void 0, function () {
    var ssoTokenFilepath, ssoTokenText;
    return __generator(this, function (_a) {
        switch (_a.label) {
            case 0:
                ssoTokenFilepath = getSSOTokenFilepath(ssoStartUrl);
                return [4, readFile(ssoTokenFilepath, "utf8")];
            case 1:
                ssoTokenText = _a.sent();
                return [2, JSON.parse(ssoTokenText)];
        }
    });
}); };

我通读了多个 git 问题（例如这个）和其他 StackOverflow 问题（ 这是其中之一）。

经过多次尝试，包括将 webpack5 降级到 webpack4（以及降级）失败，我的 webpack.config.js 文件现在看起来像这样：

const NodePolyfillPlugin = require("node-polyfill-webpack-plugin")
module.exports = {
    
    resolve: {
      fallback: {         
        "http": require.resolve("stream-http"),
        "crypto": require.resolve("crypto-browserify"),
        "stream": require.resolve("stream-browserify"),
        "os": require.resolve("os-browserify/browser"),
        "fs": false
        }
    },
    plugins: [
      new NodePolyfillPlugin()
    ]
  };

我的package.json 以此开头：

    "browser": {
        "fs": false,
        "path": false,
        "os": false 
    },
"dependencies":{
"fs":"^0.0.1-security",
...
...
}

我还尝试删除 node_modules、节点缓存、包锁并重新安装 npm install --force。 我尝试将“fs”的require.resolve添加到：fs-extra，甚至修改源getSSOTokenFromFile.js以从fs-extra而不是fs-nada导入。

没有什么可以改变这个错误。

我还应该寻找什么？ 谢谢！

Answer 1

您是否尝试通过编辑 node_modules 中的代码来修复它？ 它有帮助，您可以使用“补丁包”使您的补丁持久化（即，在 npm 安装/添加/删除之后应用