Vue.js 3 属性“$store”在“CreateComponentPublicInstance”类型上不存在

Question

我在我的项目中使用 vue.js 3、typescript 和 vuex 4。 但是在我的.vue 文件上使用this.$store 时出现此错误

Property '$store' does not exist on type 'CreateComponentPublicInstance<{}, {}, { exchanges: Exchange[]; isValidNodeUrl: boolean; isValidSelectedNetworks: boolean; web3: "" | Web3; privateKey: string; jsonKeystore: string; jsonKeystorePassword: string; ... 24 more ...; botIsRunning: boolean; }, ... 14 more ..., {}>'

我已根据此文档添加了vuex.d.ts，但仍然遇到相同的错误 https://next.vuex.vuejs.org/guide/typescript-support.html.

import { Store } from "vuex";
import { ComponentCustomProperties } from "vue";

import { State } from "@/interfaces/bot";

declare module "@vue/runtime-core" {
  // Declare your own store states.

  interface ComponentCustomProperties {
    $store: Store<State>;
  }
}

有人可以帮我吗？

Answer 1

检查 tsconfig.json。可能出现无法识别文件的错误。请尝试通过再次删除来重新添加文件。