typescript - Vue 增强类型 - XYZ 在类型上不存在

Question

我正在使用带有 typescript 的 vue 类组件，我需要扩充类型以使用第三方模块。

组件

export default class TestComponent extends Vue  {

   private created() {
     this.$snotify.success('test')
   }
}

垫片.d.ts

import Vue from 'vue'
import { Snotify } from 'vue-snotify'

declare module 'vue/types/vue' {
    interface VueConstructor {
      $snotify: Snotify
    }
  }

“类型 TestComponent 上不存在属性 $snotify”

Vue.$snotify 存在，但是 this.$snotify 不存在，即使它扩展了 Vue

我哪里错了？

Answer 1

尝试增加 Vue 类型而不是 VueConstructor:

declare module 'vue/types/vue' {
  interface Vue {
    $snotify: Snotify
  }
}