Typescript 财产'$vuetify';类型上不存在-将Nuxt.js与Vuetify一起使用时
在我的Nuxt.js应用程序中访问Typescript 财产'$vuetify';类型上不存在-将Nuxt.js与Vuetify一起使用时,typescript,nuxt.js,vuetify.js,Typescript,Nuxt.js,Vuetify.js,在我的Nuxt.js应用程序中访问this.$vuetify时,代码中的某个特定部分出现此错误 ERROR ERROR in components/equipment/QuickInfoCard.vue:21:20 19:51:29 TS2339: Property
this.$vuetify
时,代码中的某个特定部分出现此错误
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 | }
我已经尝试添加TS类型,因为这是建议的解决方案
//tsconfig.json
“编译器选项:[
...
“类型”:[
“@nuxtjs/vuetify”,//请验证您的nuxt配置中的buildModules内部是否有“@nuxtjs/vuetify”
接下来,尝试从全局$nuxt访问vuetify,例如:
这个。$numxt.vuetify
祝你好运!文档中还说要添加@nuxt/vue app
;不确定这是否会带来不同Sadly没有帮助