嘗試和捕獲塊 Typescript 中的類型“錯誤”上不存在屬性“響應”

Question

我是 typescript 的新手，我正在嘗試處理 axios 獲取中的錯誤，但是在作為 JSON 響應的響應中，我無法正確處理它。

try {
    await axios_auth.put(`${"http://localhost:4500/api" + API_CALL}`, values).then((res) => {

        console.log(res.data.success)
    })


  
} catch (err: any) {
    if (err instanceof Error) {
    

        if (err.response.status === 400 && err.response.data.code === "CATEGORY_ALREADY_EXIST") { // Property 'response' does not exist on type 'Error'.
            console.log("Category exists")
        }
        

    } else {
        console.log('Unexpected error', err);
    }
}

Answer 1

要獲得正確的類型，您可以添加檢查錯誤是否是AxiosError class 的實例：

import { AxiosError } from 'axios' 

..

try {
    // ..
  } catch (err: unknown) {
    if (err instanceof AxiosError) {
      if (
        err.response?.status === 400 &&
        err.response?.data.code === 'CATEGORY_ALREADY_EXIST'
      ) {
        console.log('Category exists')
      }
    } else {
      console.log('Unexpected error', err)
    }
  }
}

此GitHub 問題包含更多建議。

TypeScript操場