首頁猿問 Promise.allSettle...

Promise.allSettled() 響應的類型錯誤

JavaScript

叮當貓咪 2023-02-17 10:26:44

我最近一直在嘗試在 NodeJS 上使用 Promise.allSettled 和 Typescript，但我遇到了響應問題。allSettled 方法返回一個數組和status: "rejected" | "fulfilled"一個值，以防它被滿足。問題是，當我嘗試訪問響應的值時，出現以下錯誤：Property 'value' does not exist on type 'PromiseSettledResult<unknown>'.Property 'value' does not exist on type 'PromiseRejectedResult'.ts(2339)下面我將留下一個簡單的示例，您可以復制代碼并自己嘗試：const p1 = Promise.resolve(50); const p2 = Promise.resolve(100); const promiseArray = [p1, p2]; Promise.allSettled( promiseArray ). then( results => results.forEach( result => console.log(result.status, result.value)));如果我在我的項目上運行這段代碼，我會得到一個錯誤，因為result.value在最后。我在 Windows 版本 12.18.3 上運行我的節點，并且我已經將我的目標設置為tsconfig.json能夠ES2020使用該方法本身。

查看完整描述

4 回答

HUWWW

TA貢獻1874條經驗獲得超12個贊

在過濾器承諾數組的情況下出現相同的錯誤：

const promises = ids.map((id) => <some BE API call>);

const resolvedPromises = await Promise.allSettled(promises);

resolvedPromises.filter(({ status }) => status === 'fulfilled').map((p) => p.value);

錯誤截圖

問題是allSettledreturns PromiseSettledResult，它根本沒有導出（我在 lib.es2020.promise 中使用tsconfig）：

interface PromiseFulfilledResult<T> {

status: "fulfilled";

value: T;

}

interface PromiseRejectedResult {

status: "rejected";

reason: any;

}

type PromiseSettledResult<T> = PromiseFulfilledResult<T> | PromiseRejectedResult;

并且.map不明白所有的rejected承諾都在filtered方法中被過濾了。

所以，我什至無法導入類型并將值轉換為它們。

作為臨時解決方案，我用注釋抑制了 ESLint 和 TSC 規則：

// eslint-disable-next-line @typescript-eslint/ban-ts-comment

// @ts-ignore

然后我PromiseFulfilledResult在項目中創建了相同的接口并使用了類型轉換：

resolvedPromises.filter(({ status }) => status === 'fulfilled').map((p) => (p as PromiseFulfilledResult).value);

結果我擺脫了 on error 和 ESLint/TS rules ignoring comments。

反對回復 2023-02-17

弒天下

TA貢獻1818條經驗獲得超8個贊

你只有一個狀態滿足的值屬性，而你沒有檢查它。

所以使用我自己的例子，它可以固定如下：

const p1 = Promise.resolve(50);

const p2 = Promise.resolve(100);

const promiseArray = [p1, p2];

Promise.allSettled( promiseArray ).

then( results => results.forEach( result =>

console.log(result.status,

result.status === 'fulfilled' && result.value

);

));

它現在驗證承諾是否已實現，然后打印值（如果是的話）。

反對回復 2023-02-17

qq_花開花謝_0

TA貢獻1835條經驗獲得超7個贊

如果在調用該方法后進行類型聲明，則可以避免此錯誤allSettled。例如，您可以立即為打字稿輸入一個類型，如下所示：

const promises = await Promise.allSettled([

fetch(url).then((response) => response.json()),

]) as {status: 'fulfilled' | 'rejected', value: SomeType}[];

之后它將正常工作：

const resolvedPromises = promises.filter(({ status }) => status === 'fulfilled');

const responses = resolvedPromises.map((promise) => promise.value);

反對回復 2023-02-17

開心每一天1111

TA貢獻1836條經驗獲得超13個贊

您可以只鍵入 cast 的結果Promise.allSettled，例如：

const [

someData,

otherData

] = (await Promise.allSettled([

this.someRepository.count(),

this.otherRepository.count(),

])) as PromiseFulfilledResult<number>[];

// will verify the promises, but ts doesn't get it

this.verify(someData, otherData)

console.log(otherData.value) // ts is okay

Number 是從 promise 返回的類型，如果你想用不同的類型輸入 promises，你也可以使用[PromiseFulfilledResult<number>, PromiseFulfilledResult<string>]

反對回復 2023-02-17

4 回答
0 關注
804 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Promise.allSettled() 響應的類型錯誤

Promise.allSettled() 響應的類型錯誤

4 回答

添加回答