typescript - A '$vuetify' tulajdonság nem létezik ezen a típussal - Nuxt.js használata Vuetify-vel

Egy adott kódrészletnél ezt a hibát kapom, amikor a Nuxt.js alkalmazásomban a this.$vuetify-t érem el.

 ERROR  ERROR in components/equipment/QuickInfoCard.vue:21:20                                                                                                                   19:51:29
TS2339: Property '$vuetify' does not exist on type '{ width(): string; height(): "100%" | "9em"; }'.
    19 |     },
    20 |     height() {
  > 21 |       switch (this.$vuetify.breakpoint.name) {
       |                    ^^^^^^^^
    22 |         case 'sm': return "9em"
    23 |         default: return "100%"
    24 |       }

Már megpróbáltam hozzáadni a TS típust, mivel ez volt az ajánlott megoldás

// tsconfig.json
"compilerOptions: [
    ...
    "types": [
      "@nuxtjs/vuetify", // <<
      "@types/underscore",
      "@types/node",
      "@nuxt/types",
      "@nuxtjs/auth-next"
    ]
    ...
]

Válasz #1

Kérlek, ellenőrizd, hogy a '@nuxtjs/vuetify' benne van-e a buildModules-ban a Nuxt konfigurációdban.

Ezután próbálja meg elérni a vuetify-t a globális $nuxt-ból, például: this.$nuxt.vuetify

Sok sikert!

Válasz #2

Lehet, hogy a szerkesztődet a rossz könyvtárban nyitottad meg, ami miatt a package.json és a tsconfig.json fájlok nem találhatóak. Ha VSCode-ot használsz, a „code .” parancsnak pontosan a projekt könyvtárát kell megnyitnia, különben ez a hiba előfordulhat. Remélem, ez segít!