如何用async/await读取PDF页数并解决Promise执行器async的ESLint报错？

架构老林

2026-10-3

错误原因

no-async-promise-executor 规则禁止为 new Promise() 的执行器函数添加 async 修饰符。原因是 async 函数本身会返回隐式 Promise，一旦执行器内部抛出异常，异常会被这个隐式 Promise 捕获，无法传递到你外层手动创建的 Promise 中，进而引发未处理的 Promise rejection 问题。

修复思路

你不需要把 axios await 逻辑写在 Promise 执行器内部，当前 findNumberOfPages 本身已经是 async 函数，完全可以先在外部 await 拿到 PDF 响应，再单独用 Promise 封装 FileReader 的回调逻辑，就能同时满足 await axios、回调中 resolve 的需求，同时规避 ESLint 报错。

优化后完整代码

import axios from 'axios'

export const findNumberOfPages = async pdfUrl => {
  try {
    // 直接在async函数作用域内await axios请求
    const response = await axios.get(pdfUrl, {
      headers: { 'Content-Type': 'application/pdf' },
      responseType: 'blob' // 直接返回blob类型，无需手动构造
    })

    // 单独用Promise封装FileReader的异步回调逻辑
    return new Promise((resolve, reject) => {
      const reader = new FileReader()
      reader.readAsBinaryString(response.data)
      reader.onloadend = () => {
        const pages = reader.result.match(/\/Type[\s]*\/Page[^s]/g)
        const count = pages?.length
        resolve(count)
      }
      // 补充FileReader的错误处理，避免异常未捕获
      reader.onerror = () => reject(new Error('Failed to read PDF file'))
    })
  } catch (error) {
    throw new Error(`Error when fetching pdf: ${error.message}`)
  }
}