Nuxt linter 无法识别注入答案

【问题标题】：Nuxt linter does not recognize injectionNuxt linter 无法识别注入
【发布时间】：2021-04-22 19:38:43
【问题描述】：

创建一个新的 Nuxt 项目并安装 firebase 依赖项：

npm i firebase @nuxtjs/firebase

遵循nuxt.config.ts中的库依赖@nuxtjs/firebase：

modules: [
  // https://go.nuxtjs.dev/axios
  '@nuxtjs/axios',
  // https://firebase.nuxtjs.org/
  '@nuxtjs/firebase',
],

firebase: {
  config: {
    apiKey: process.env.FIREBASE_API_KEY,
    authDomain: process.env.FIREBASE_AUTH_DOMAIN,
    projectId: process.env.FIREBASE_PROJECT_ID,
    storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
    appId: process.env.FIREBASE_APP_ID,
    measurementId: process.env.FIREBASE_MEASUREMENT_ID,
  },
  services: {
    analytics: true,
  },
},

如果我登录一个组件：

console.log(this.$fire.analytics)

我看到了预期的对象：

但是在终端上的 Nuxt linter 中我看到了：

有人可以帮我理解这个错误吗？谢谢大家。

【问题讨论】：

标签： vue.js vuejs2 nuxt.js nuxtjs

【解决方案1】：

我只是发现了问题！我们需要将 firebase 类型添加到 tsconfig.json。

"types": [
  "@nuxt/types",
  "@nuxtjs/axios",
  "@types/node",
  "@nuxtjs/firebase"
]

【讨论】：