迹忆客 专注技术分享

当我们尝试将具有 Promise 类型的值分配给具有不兼容类型的值时，会发生“Type 'Promise' is not assignable to type”错误。 要解决错误，需要在赋值之前解决 Promise 并使两个兼容类型的值。

下面是产生上述错误的一个示例。

// 👇️ function example(): Promise<string>
async function example() {
  const result = await Promise.resolve('hello world');
  return result;
}

// ⛔️ Error: Type 'Promise<string>' is
// not assignable to type 'string'.ts(2322)
const str: string = example();

该函数被标记为异步，所有异步函数都返回一个 Promise。 上面示例中的函数的返回类型为 Promise<string>。

TypeScript 告诉我们不能将 Promise<string> 类型的值赋给字符串类型的变量 str——赋值两端的类型不兼容。

要解决错误，请在分配之前解决 promise。

async function example() {
  const result = await Promise.resolve('hello world');
  return result;
}

example().then((value) => {
  const str: string = value;
  console.log(str); // 👉️ "hello world"
});

在将值分配给 str 变量之前，我们使用 .then() 方法来解决承诺。

如果我们尝试在异步函数中解析 Promise，请使用 await 语法。

错误的一个常见原因是我们忘记等待 promise。

async function example() {
  // 👇️ forgot to use await
  const result = Promise.resolve('hello world');

  // ⛔️ Error: Type 'Promise<string>' is
  // not assignable to type 'string'.ts(2322)
  const greeting: string = result;

  return greeting;
}

函数中的结果变量具有 Promise<string> 类型，我们试图将其分配给需要字符串的变量。

要解决该错误，需要在赋值之前使用 await 关键字来解析 promise。

async function example() {
  // 👇️ const result: string
  const result = await Promise.resolve('hello world');

  const greeting: string = result;

  return greeting;
}

我们使用了 await 关键字，现在 result 变量存储了一个字符串。

现在 greeting 和 result 变量具有兼容的类型，因此可以在不出现类型检查错误的情况下进行赋值。

这就是错误的原因——我们试图将 Promise<T> 类型的值分配给具有不同类型的值。

要解决这个错误，我们必须确保赋值语句左右两侧的值具有兼容的类型。

当使用 .then() 语法来解析 promise 时，请注意它是异步的，并且只能在传递给 then() 方法的回调函数中访问已解决的值。

async function example() {
  const result = await Promise.resolve({
    name: 'Tom',
    country: 'Chile',
  });

  return result;
}

type Person = {
  name: string;
  country: string;
};

example().then((value) => {
  const person: Person = value;
  console.log(person); // 👉️ {name: 'Tom', country: 'Chile'}
});

// 👇️ code here runs before example().then() has finished

总结

当我们尝试将具有 Promise 类型的值分配给具有不兼容类型的值时，会发生“Type 'Promise' is not assignable to type”错误。 要解决错误，需要在赋值之前解决 Promise 并使两个兼容类型的值。