javascript - 如何在 TypeScript 中使用包含的 Axios 类型定义进行依赖注入(inject)

Question

我正在尝试创建一个函数，该函数将接受 axios 实例的可选参数。我使用 AxiosInstance 尝试了以下操作，但是当 webpack 尝试转译 TypeScript 时会抛出此错误:TS2304: Cannot find name 'AxiosInstance'

当我直接导入类型声明时，有点儿有效:

从 "../../node_modules/axios/index.d"导入 { AxiosInstance };

但这感觉像是一个非常丑陋的解决方案。有更好的方法吗？

例子:

import axios from "axios";

export const loadFromAPI = (
    url: string, 
    param: string, 
    id: number, 
    axiosInstance: AxiosInstance = axios.create({baseURL: url})
): Promise<any> => {
   return new Promise( (resolve: (res: any) => void, reject: (err: any) => void) => { 
    /* ... */
  });
};

参见:Axios Type Definitions

Answer 1

这是因为你没有导入AxiosInstance接口(interface)。

import axios, { AxiosInstance } from "axios";

...