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

Question

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

组件

export default class TestComponent extends Vue  {

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

shims.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 不存在，即使 this 扩展了 Vue

我哪里错了？

Answer 1

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

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

Answer 2

接受的答案似乎并不实际，请查看@RomainLanz 在a related vue-snotify GitHub issue 上的答案：

import Vue from 'vue'
import { SnotifyService } from 'vue-snotify/SnotifyService'

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

在此处添加此答案，因为这是搜索相同内容时出现的页面之一。