Nuxt - asyncData 错误：“绑定元素 '$axios' 隐式具有 'any' 类型。”

Question

在此处关注文档：https://axios.nuxtjs.org/setup

我在运行yarn dev 时将此错误记录到控制台：

ERROR  ERROR in pages/index.vue:51:21                                                                                                                                                                                                                                                                           23:01:53
TS7031: Binding element '$axios' implicitly has an 'any' type.
    49 |   }
    50 | 
  > 51 |   async asyncData({ $axios }) {
       |                     ^^^^^^
    52 |     const ip = await $axios.get('http://icanhazip.com')
    53 |     return { ip }
    54 |   }

我已经三重检查了我的nuxt.config.js 和tsconfig.json 中有'@nuxtjs/axios'。

我错过了什么？它在第一次工作时出现了这个错误，我不知道为什么？！

任何帮助表示赞赏，谢谢！

Answer 1

asyncData 被传递了一个名为 context 的参数，该参数在 @nuxt/types 中有一个对应的类型，名为 Context。从@nuxt/types 导入Context，然后像这样声明解构参数的类型：

async asyncData({ $axios } : Context) {
  const ip = await $axios.get('http://icanhazip.com')
  return { ip }
}