UnhandledPromiseRejectionWarning：此错误源于在没有 catch 块的情况下抛出异步函数内部

Question

我的 Node-Express 应用程序出现以下错误

UnhandledPromiseRejectionWarning：未处理的承诺拒绝。这 错误源于在异步函数内部抛出 没有 catch 块，或拒绝未处理的承诺 使用 .catch()。 （拒绝编号：4）

至少可以说，我创建了一个看起来像这样的辅助函数

const getEmails = (userID, targettedEndpoint, headerAccessToken) => {
    return axios.get(base_url + userID + targettedEndpoint,  { headers: {"Authorization" : `Bearer ${headerAccessToken}`} })
    .catch(error => { throw error})
}

然后我正在导入这个辅助函数

const gmaiLHelper = require("./../helper/gmail_helper")

并像这样在我的 api 路由中调用它

router.get("/emailfetch", authCheck, async (req, res) => {
  //listing messages in users mailbox 
  let emailFetch = await gmaiLHelper.getEmails(req.user._doc.profile_id , '/messages', req.user.accessToken)
  .catch(error => { throw error})
  emailFetch = emailFetch.data
  res.send(emailFetch)
})

从我的角度来看，我认为我正在使用 catch 块来处理错误。

问题：谁能解释我为什么会收到错误以及如何解决它？

Answer 1

.catch(error => { throw error}) 是空操作。它会导致路由处理程序中未处理的拒绝。

正如this answer 中所述，Express 不支持承诺，所有拒绝都应手动处理：

router.get("/emailfetch", authCheck, async (req, res, next) => {
  try {
  //listing messages in users mailbox 
    let emailFetch = await gmaiLHelper.getEmails(req.user._doc.profile_id , '/messages', req.user.accessToken)
    emailFetch = emailFetch.data
    res.send(emailFetch)
  } catch (err) {
    next(err);
  }
})

Answer 2

我建议从 getMails 中删除以下代码

 .catch(error => { throw error})

在你的 main 函数中，你应该将 await 和相关代码放在 Try 块中，并在你失败的代码处添加一个 catch 块。

---

你的函数 gmaiLHelper.getEmails 应该返回一个包含拒绝和解决的承诺。

现在在调用和使用 await 时，将其放入 try catch 块（删除 .catch），如下所示。

router.get("/emailfetch", authCheck, async (req, res) => {
  //listing messages in users mailbox 
try{
  let emailFetch = await gmaiLHelper.getEmails(req.user._doc.profile_id , '/messages', req.user.accessToken)
}
catch (error) { 
 // your catch block code goes here
})

Answer 3

您正在捕获错误，但随后又将其抛出。您应该尝试更优雅地处理它，否则您的用户将看到 500，内部服务器，错误。

您可能想要发回一个响应，告诉用户出了什么问题，并在您的服务器上记录错误。

我不确定请求可能返回的确切错误，您可能希望返回类似的内容。

router.get("/emailfetch", authCheck, async (req, res) => {
  try {
    let emailFetch = await gmaiLHelper.getEmails(req.user._doc.profile_id , '/messages', req.user.accessToken)
      emailFetch = emailFetch.data
      res.send(emailFetch)
   } catch(error) {
      res.status(error.response.status)
      return res.send(error.message);
    })

})

需要修改此代码以匹配您从 axios 调用中获得的错误。

我也将代码转换为使用 try 和 catch 语法，因为您已经在使用 async。

Answer 4

在您的应用上使用 express-async-errors

喜欢这个

app.ts

import 'express-async-errors'

稍后，配置您的应用程序以读取错误实例。

类自定义错误

class Error{
  
  public readonly message: string;
  public readonly statusCode: number;
  public readonly data?: any

  constructor(message: string, statusCode = 400, data?: any){
    this.message = message;
    this.statusCode = statusCode;
    this.data = data;
  }
}

export default Error

在您的应用上使用的中间件 -> app.use(youMiddleware())

import { Request, Response, NextFunction } from 'express'
import AppError from '../errors/AppError'

function globalErrors(err: Error, request: Request, response: Response, next: NextFunction) {

  if (err instanceof AppError) {
    response.status(err.statusCode).json({
      status: 'error',
      message: err.message,
      data: err?.data
    });
  }

  console.error(err);

  return response.status(500).json({
    status: 'error',
    message: 'Internal server error'
  });

}

export { globalErrors };

Answer 5

我解决了这个问题。这很简单。如果你检查关心问题可能是因为辅助变量有空格。为什么 ？我不知道，但是你必须使用 trim() 方法并且会解决问题