“TS2322：运行单元测试时，类型‘Timeout’不可分配给类型‘number’”

Question

我有两个TypeScript包，其中一个包（包A）依赖于另一个包（包B）。每个包都使用Karma设置了一个单元测试。在安装了NPM中的所有依赖项之后，当我分别为每个依赖项运行单元测试时，单元测试运行良好。然而，如果我在包A中使用npm link package-b并运行包A的单元测试，那么我会得到标题中所述的错误：“TS2322：类型‘Timeout’不可分配给类型‘number’。”

该行是对setTimeout的调用。挖掘之后，我发现在没有npm链接的情况下单独运行测试时，TypeScript在TypeScript/lib/lib中正确地识别了setTimeout签名。dom作为所需类型，但在使用npm链接后出现故障的情况下，它在类型/节点/索引中使用节点的设置超时签名。我通过将setTimeout上的返回类型更改为string，并用string代替Timeout来观察相同的错误，从而证实了这一点。

我不确定的是为什么TypeScript编译器决定在这个特定的情况下使用替代定义，也不知道我如何说服它使用所需的定义。我很乐意发布一些代码，但我不确定在这种情况下什么是有用的，因为失败行上的所有内容都是setTimeout调用。

Answer 1

默认情况下，types cript包含所有。/node_modules/@类型/*。如果您有。/node_modules/@类型/节点，它的超时类型将覆盖Web类型（返回一个数字，而不是NodeJS. Timeout）。

您可以通过显式清空tsconfig中的类型来解决这个问题。json：

{
  "compilerOptions": {
    "types": []
  }
}

实际上，您可能正在进行一个需要其他类型和LIB的项目，因此您可能希望带回ES和DOM LIB：

{
  "compilerOptions": {
    "types": [],
    "lib": ["ESNext", "DOM"]
  }
}

Answer 2

您可以使用：

let timeoutId: null | ReturnType<typeof setTimeout> = null
...
timeoutId = setTimeout(...)

它将根据您的上下文选择正确的声明。

我在使用vscode/tsc（NodeJS.Timeout）和运行ts jest（number）时看到了这种差异。这是整件事在双方都进行打字检查的唯一方式。

Answer 3

您可以尝试使用窗口。setTimeout不是setTimeout，而是显式使用typescript