Question

我正在使用 react-testing-library 测试 React 应用程序。要使用 renderhooks，我必须添加“@testing-library/react-hooks”库。这个库依赖于另一个库“pure.js”。在 vscode 中运行使用渲染挂钩的测试工作正常，但在 Web IDE 中显示和错误。

Test suite failed to run

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Here's what you can do:
 • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
 • If you need a custom transformation specify a "transform" option in your config.
 • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

/projects/challenge/node_modules/@testing-library/react-hooks/lib/pure.js:41
  } catch {
          ^

SyntaxError: Unexpected token {

  at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:537:17)
  at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:579:25)
  at Object.<anonymous> (node_modules/@testing-library/react-hooks/lib/index.js:11:13)

如何解决这个错误？

Answer 1

try/catch 是一项现代 JavaScript 功能，自 Node 10 版起就受支持。如果您的版本是 <10

，请尝试更新 Node.js

另请在此处查看此答案：https://stackoverflow.com/a/62971606/1108161

Answer 2

好的，请查看文档 here。

<块引用>

有时会发生（尤其是在 React Native 或 TypeScript 项目中），第 3 方模块发布为未转译。由于 node_modules 中的所有文件默认都不会被转换，Jest 不会理解这些模块中的代码，从而导致语法错误。为了克服这个问题，您可以使用 transformIgnorePatterns 来允许转译此类模块。你会在 React Native Guide 中找到这个用例的一个很好的例子。

您的错误消息指出 Jest 发现了它无法理解的代码，并建议您对其进行转换。它还说它无法理解的代码在node_modules/@testing-library中。
但是，transformIgnorePatterns 的默认值为 ["/node_modules/", "\\.pnp\\.[^\\\/]+$"]，这意味着不会转换 node_modules 文件夹。要允许 jest 转换文件夹，您需要将 transformIgnorePatterns 值更改为包含 Jest 无法理解的文件的其他值。这可能是例如

"transformIgnorePatterns": [
  "node_modules/(?!(@testing-library)/)"
]

由于使用 react-testing-library/react-hooks 的 pure.js 中的错误，测试套件无法运行

2 个答案: