【问题标题】:What is the type for "$axios" in Nuxt.js?Nuxt.js 中“$axios”的类型是什么?
【发布时间】:2022-01-19 23:19:35
【问题描述】:

夏天

现在我为 API 连接实现了RepositoryFactory 模式。
https://medium.com/canariasjs/vue-api-calls-in-a-smart-way-8d521812c322
repository.ts,我写了$axios

import testRepository from '~/api/testRepository'

export interface Repositories {
  hoge: testRepository 
}

export default function ({ $axios }, inject) { # <- error on $axios
  const hoge = new testRepository ($axios)
  const repositories: Repositories = {
    hoge
  }
  inject('repositories', repositories)
}

但它显示错误消息Binding element '$axios' implicitly has an 'any' type.ts(7031)
我想知道$axios的正确类型是什么

我尝试过的

{ $axios } : any 可以解决它,但我想知道 '$axios' 的确切类型。

【问题讨论】:

    标签: typescript vue.js axios nuxt.js


    【解决方案1】:

    您是否在 tsconfig.json 文件中添加了 @nuxt/types 和 @nuxtjs/axios? 如果您需要更多信息,可以查看:https://axios.nuxtjs.org/setup

    {
      "compilerOptions": {
        "types": [
          "@nuxt/types",
          "@nuxtjs/axios"
        ]
      }
    }
    

    【讨论】:

    • 是的,已经添加了。
    • @jpskgc 好的。只是检查。通常,您可以从 axios 导入一些类型,例如: import { AxiosError, AxiosRequestConfig, AxiosResponse, AxiosStatic } from 'axios' 在您的情况下,我猜您正在寻找“AxiosResponse”。我不确定,但如果您在 tsconfig 文件中设置了类型,则不需要使用 import。您在全球范围内拥有它。
    猜你喜欢
    • 2018-04-18
    • 2020-01-08
    • 1970-01-01
    • 2019-03-17
    • 2020-03-10
    • 2017-10-19
    • 2016-08-26
    • 1970-01-01
    • 2012-01-15
    相关资源
    最近更新 更多