在获取期间捕获 UnhandledPromiseRejectionWarning

Question

我有一个代码：

function () {
  return new Promise((resolve, reject) => {
    try {
      fetch(URL, { method: METHOD, body: BODY })
        .then((res) => res.json())
        .then((json) => {
          resolve(json);
        })
        .catch((res) => {
          reject(res);
        })
    } catch (exception) {
      reject(exception);
    }
  });
}

当服务器响应不是 json 我得到了

UnhandledPromiseRejectionWarning：未处理的承诺拒绝。此错误源于在没有 catch 块的情况下抛出异步函数内部，或拒绝未使用 .catch() 处理的承诺。

我知道 try-catch 不会捕获异步抛出。

我读过

Cannot catch UnhandledPromiseRejectionWarning in promise,

Try Catch unable to catch UnhandledPromiseRejectionWarning,

“UnhandledPromiseRejectionWarning” error even when catch is present

但我的问题没有答案。

Answer 1

当使用异步函数包装异步操作时，Try/catch 仅适用于异步操作。

fetchSomething = async url => {
  try {
     await fetch(url)
  } catch (error) {
     // We will see error here
  }
}

在此处查看其他捕获异步错误的方法：https://dev.to/sobiodarlington/better-error-handling-with-async-await-2e5m

Answer 2

Try catch 将无法处理异步抛出的错误（即在 promise 中），您必须为此使用 .catch()。

JSfiddle

function someFunc() {
    return new Promise((resolve, reject) => {

        fetch(URL, {method: METHOD, body: BODY})
            .then((res) => res.json())
            .then((json) => {
                resolve(json);
            })
            .catch((err) => {
                reject(err);
            })
    });
}

someFunc()
.then((value)=>{})
.catch((err)=>{console.log(err)})

编辑： 当服务器响应没有json 但有错误时，您返回的承诺是rejected。因此，您应该确保在函数调用中调用.catch()（即someFunc().catch(()=>{})）。如果未处理您拒绝的承诺（没有捕获），则会出现此错误。

Edit2：糟糕。抱歉，误读了您的问题，但我想解释仍然相同。 如果res 上没有json() 方法，调用res.json() 时会抛出以下错误::

Uncaught TypeError: res.json() is not a function

此error 将被您的.catch() 块捕获。 现在catch块会返回一个新的rejected Promise。当函数被调用，如果没有catch()来处理请求，就会抛出你所说的错误。

我已经解释了更多here。