typescript - 如何解决 Testcafe 和 Jest 之间的类型冲突？ ("Cannot redeclare block-scoped variable ' 测试'")

Question

我有一个使用 Vue CLI 创建的 Vue 2 项目，该项目已经进行了一段时间的 Testcafe 测试。 现在我也尝试添加 Jest 测试。

当我运行我的应用程序 (npm runserve = vue-cli-serviceserve) 时，由于 Jest 和 Testcafe 都声明了全局，我收到以下 Typescript 错误test() 函数:

ERROR in /Users/.../app/node_modules/@types/jest/index.d.ts(44,13):
44:13 Cannot redeclare block-scoped variable 'test'.
    42 | declare var fit: jest.It;
    43 | declare var xit: jest.It;
  > 44 | declare var test: jest.It;
       |             ^
    45 | declare var xtest: jest.It;
    46 |
    47 | declare const expect: jest.Expect;
ERROR in /Users/.../app/node_modules/testcafe/ts-defs/index.d.ts(2397,15):
2397:15 Cannot redeclare block-scoped variable 'test'.
    2395 |
    2396 | declare const fixture: FixtureFn;
  > 2397 | declare const test: TestFn;
         |               ^
    2398 |
Version: typescript 3.7.5

有an old Testcafe该问题表示该问题已于 2019 年修复，并且:

Only definitions from the node_modules/@types directory are loaded automatically by default when compiling any TypeScript source file.

但是，正如您在上面看到的，我的配置仍然从 node_modules/testcafe/ts-defs/index.d.ts 加载 Testcafe 类型，即使我没有运行 Testcafe 但只是运行应用程序。

我创建了一个具有相同问题的 Vue 2 应用程序骨架并将其上传到 Github here 。 直到我在 tests/testcafe/Testcafe.spec.ts 添加测试后，才出现类型问题。

我该怎么做才能消除这种类型冲突？我可以做一些简单的事情来停止运行应用程序时加载 Testcafe 类型吗？

Answer 1

在我的项目中，将 "tests/testcafe" 添加到 tsconfig.json 中的 exclude 属性可以阻止运行开发时出现的错误服务器，并且 TestCafe 测试仍然会运行(这是一个惊喜)。所以我想告诉 Typescript(由 Vue CLI/Webpack 运行？)不要编译 Testcafe 测试是一个答案。

我觉得可能还有另一个答案，其中 TestCafe 的类型被忽略，但我不知道如何实现这一点。 (我尝试过几种不同的方法。)