vue 集成typescript 踩坑记录

1. Property 'store' does not exist on type 'VueConstructor<Vue>'

项目中如果用了vuex,集成typescript后,启动项目汇报错

因为在VueConstructor下是没有定义store这个属性,所以导致了这个错误

// main.ts
...
Vue.store = store;
...
修改下全局的VueConstructor这个就好了  
// shims-vue.d.ts
import Vue, { ComponentOptions } from "vue";
import { Store } from "vuex";

declare module "vue/types/vue" {
  interface VueConstructor {
    store: Store<any>;
  }
}
posted @ 2022-07-13 15:07  light-bearer  阅读(192)  评论(0编辑  收藏  举报