TypeScript Promise TS2304 TS2529

Question

我有以下代码：

function asyncFunc1(): Promise<string> {
    return new Promise<string>(x => x);
}

产生以下错误：

TS2304：找不到名称“承诺”

所以我把它改成明确声明'Promise'：

///<reference path="../typings/modules/bluebird/index.d.ts" />

import * as Promise from 'bluebird';

function asyncFunc1(): Promise<string> {
    return new Promise<string>(x => x);
}

现在我收到以下错误：

TS2529：重复的标识符“Promise”。编译器保留名称 包含异步函数的模块的顶级范围内的“承诺”

我该如何解决这个悖论？

Answer 1

TypeScript 似乎在保护 Promise 标识符。尝试以 Promise 以外的名称导入，或使用不同的类型。在这个 TypeScript GitHub 问题中有一些建议。

Async / await with Bluebird promises

问题在于在 Async Await 中使用不同的 Promise 库，但这种情况很可能是他们保护 Promise 名称的原因。具体来说，当我们在 TypeScript 中使用 Async/Await 时，编译器会将其转换为发出代码中的 Promise，因此编译器试图保护 Promise 构造函数不被覆盖。你总是可以用这种事情来欺骗编译器，但一定要问问自己这样做是否正确。

Answer 2

Promises 仅在 ES6 中可用

如果您将目标设置为 ES6，typescript 编译器将使用不同的基础库来针对语言规范中包含的类型进行基本类型检查。确保你的目标是 ES6。

不针对 ES6 的 TypeScript 中的承诺

如果您想访问构造函数的定义作为 es2015 规范中定义的方法，这些方法已在语言功能（如箭头函数、解构等）之前由浏览器和 NodeJS（通过 V8 引擎）实现 - 您可以这样做。

您要做的是将TypeScript配置为以es5为目标，而不是包含和默认库，并自己引用默认库。

您的 tsconfig 可能如下所示：

{
  "compilerOptions: {
    "noLib": true,
    "target": "ES5",
    }
   "files": [
     "node_modules/typescript/lib/lib.es6.d.ts",
     "app.ts",
   ]
}

以上示例假设 typescript 直接安装在您的项目中。如果不是，您可以随时从您的 typescript 安装文件夹中复制并将其包含在您的项目中。

这个解决方案应该为您提供 Promise 构造函数的类型，以及各种其他功能，如 array.includes() 和其他一些东西。这样做的不利之处在于，对于未在浏览器中实现的内容，您不会收到类型错误，但如果您仍然使用 Promise，您可能只针对现代浏览器，或者您使用的是您可以控制的 Node运行时环境。