Vue 全局变量破坏使用 TypeScript 构建答案

【问题标题】：Vue global variable breaking build with TypeScriptVue 全局变量破坏使用 TypeScript 构建
【发布时间】：2022-01-06 14:05:55
【问题描述】：

我有以下几点：

main.js

Vue.prototype.$someVariable = Vue.observable([] as Array<SomeClass>);

.vue 文件：

console.log(this.$someVariable); //this gets a red squiggly from intellisense

这不会构建，因为：

“ComponentRenderProxy”类型上不存在属性“$someVariable”...

但确实如此，不是吗？有人可以在这里帮助我吗，我错过了什么？如果有帮助，我很乐意提供更多数据，谢谢。

【问题讨论】：

【解决方案1】：

在项目根目录添加文件名some-variable.d.ts，内容如下：


import Vue from 'vue'

declare module 'vue/types/vue' {

  interface Vue {
    $someVariable: <theType>
  }
}

【讨论】：