如何解决TypeScript中“Promise<T>与类型T无共同属性”错误？

咱们先拆解你遇到的两个TypeScript错误的核心原因：

第一个错误：返回类型不匹配 #

你给Todos.getAll()声明的返回类型是ResponseOrError<Todo[]>，但axiosClient.get()返回的是一个Promise对象——异步操作的返回值必然是Promise包裹的类型，所以TypeScript会报错说Promise<...>和ResponseOrError<...>没有共同属性，本质是你把异步函数的返回类型写成了同步类型。

第二个错误：.then()回调参数错误 #

Axios的.then()回调只接收成功的响应结果，并不包含error参数。你把error作为.then()的第二个参数是错误的，错误处理应该放在.catch()方法里，这就导致了回调函数的参数类型和Axios期望的类型不匹配，触发TS2345错误。

修复步骤 #

下面是修正后的完整代码，我标注了关键修改点：

import Axios, { AxiosResponse, AxiosError } from "axios"
// 注意：统一类型名称（原代码里ToDo和Todo混用，需保持一致）
import { Todo } from "some/folder/my-model-file"

const axiosClient = Axios.create({ baseURL: "https://some-dummy-api.com" })

interface ResponseOrError<T> {
  data?: T
  error?: string
}

// 1. 拆分处理函数：分别处理成功响应和错误
function handleSuccess<T>(response: AxiosResponse): ResponseOrError<T> {
  return { data: response.data as T }
}

function handleError(error: AxiosError): ResponseOrError<never> {
  return { error: error.message || "请求失败" }
}

const Todos = {
  // 2. 正确声明返回类型为Promise包裹的ResponseOrError
  getAll: (): Promise<ResponseOrError<Todo[]>> => axiosClient
    .get("/v1/todos") // 补上开头的/，避免baseURL拼接时出现异常
    .then(handleSuccess<Todo[]>) // 成功时调用处理函数
    .catch(handleError) // 单独捕获错误并处理
}

额外说明 #

• 拆分handleSuccess和handleError是为了让代码职责更清晰，也完全符合Axios的异步流程规范；
• Axios的错误类型是AxiosError（需从axios导入），而非普通Error，这样能更精准地获取错误信息；
• 原代码里ToDo和Todo拼写不一致，务必确保导入的类型名称和使用时完全统一，避免不必要的类型报错。

这样修改后，两个TypeScript错误都会被解决，同时代码的可读性和健壮性也得到了提升。

内容的提问来源于stack exchange，提问作者Utopiad