ReferenceError：更新 Axios@1.3.1 后未定义 TextEncoder

Question

我一直在我的项目中使用 Axios v1.2.2 没有问题，我决定将 Axios 更新到 v1.3.1，之后我的应用程序继续像以前一样运行，但是，我所有的测试开始失败......所有的测试！

我正在使用的一些 package 版本：

"axios": "^1.3.1",
"@jest/globals": "^29.4.1",
"@types/jest": "^29.4.0",
"@testing-library/dom": "^8.20.0",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^14.4.3",

这是我在所有测试中遇到的错误：

 Test suite failed to run

    ReferenceError: TextEncoder is not defined

    > 1 | import { AxiosError } from "axios";
        | ^
      2 |
      3 | class UnknownResponseFormat<T = unknown, D = unknown> extends AxiosError<T, D> {
      4 |   static readonly ERR_UNKNOWN_RESPONSE_FORMAT = "ERR_UNKNOWN_RESPONSE_FORMAT";

我还在 inte.net 上找到了一些解决方法，比如这样的东西......

if (typeof global.TextEncoder === "undefined") {
  const { TextEncoder, TextDecoder } = require("util");
  global.TextEncoder = TextEncoder;
  global.TextDecoder = TextDecoder;
}

...但它也不起作用。

请！ 来人帮帮我！

Answer 1

我遇到过同样的问题。 我认为问题是从 1.3.0 版本开始出现的，我检查了 1.2.6 版本，没问题。

我没有在发行说明中看到任何重大更改，因此我在 github 项目上创建了支持/问题问题。

我希望我能找到解决方案，否则他们会回答我。

如果您需要快速解决方法，只需将 package.json 文件中的 axios 版本更改为 1.2.6 。 如果您的任何依赖项在 >= 1.3.0 中获取 axios，请使用覆盖选项，例如：

...
"overrides": {
    "your-dependecy-package": {
        "axios": "1.2.6"
    }
},
...

Answer 2

对我来说，我必须在运行 axios 之前添加以下行来解决类似的问题（以前从未使用过 axios）：

 import { TextEncoder, TextDecoder } from 'text-encoding'; global.TextEncoder = TextEncoder; global.TextDecoder = TextDecoder;