Typescript axios请求类型不存在

Question

上面是报错信息，下面是相关代码：

//pages/index.tsx

 useEffect(() => {
    API.get('/login', {
      params: {
        token: ''
      }
    })
  }, [])

//api/index.ts

import axios, { AxiosInstance } from "axios";
import {
  cacheAdapterEnhancer,
  throttleAdapterEnhancer
} from "axios-extensions";
import getConfig from "next/config";

const {
  publicRuntimeConfig: { API_TIMEOUT_INTERVAL, BASE_URL }
} = getConfig();

const instanceDesign = axios.create({
  baseURL: BASE_URL,
  headers: { "Cache-Control": "no-cache" },
  adapter: throttleAdapterEnhancer(
    cacheAdapterEnhancer(axios.defaults.adapter, {
      enabledByDefault: false,
      cacheFlag: "useCache"
    })
  ),
  timeout: API_TIMEOUT_INTERVAL
});

function interceptors(instance: AxiosInstance) {
  // 添加请求拦截器
  instance.interceptors.request.use(
    function(config) {
      // 在发送请求之前做些什么
      return config;
    },
    function(error) {
      // 对请求错误做些什么
      return Promise.reject(error);
    }
  );

  // 添加响应拦截器
  instance.interceptors.response.use(
    function(response) {
      // 对响应数据做点什么
      return response;
    },
    function(error) {
      // 对响应错误做点什么
      return Promise.reject(error);
    }
  );
}

const API = interceptors(instanceDesign);
export default API;

//typings/axios.d.ts

import * as axios from "axios";

declare module "axios" {
  export interface AxiosInstance {
    CancelToken: any;
    get<T = any>(
      url: string,
      config?: AxiosRequestConfig & { useCache: boolean }
    ): Promise<T>;
    post<T = any>(
      url: string,
      data?: any,
      config?: AxiosRequestConfig
    ): Promise<T>;
  }

  // https://github.com/axios/axios/issues/1510
  export interface AxiosResponse<T> {
    result?: boolean;
    message?: string;
    data?: T;
  }
}

Answer 1

const API = interceptors(instanceDesign);

可你的 interceptors 压根都没有返回值，可不就是 void 么。我猜你应该返回 return instance;？

Answer 2

这个 API 应该是 axios 的实例，你的拦截器里没有返回这个实例，也就是 instance