Nuxt linter无法识别注入

Question

创建一个全新的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中，我看到：

​

​

有没有人可以帮我理解这个错误？谢谢你们所有人。

Answer 1

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

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