[Bug记录]Vue类型扩展跟vue单文件声明冲突

问题描述

ts文件引入vue文件时提示找不到模块

在项目入口文件如：main.ts里引入App.vue会报找不到vue文件的声明，但已在同级目录声明 declare module "*.vue"

原因分析：

排查后是自定义vue的property跟vue单文件声明冲突了

解决方案：

分开两个.d.ts文件声明

// vue.d.ts
declare module "*.vue" {
  import Vue from "vue";
  export default Vue;
}

// shims-vue.d.ts
import Vue from "vue";

declare module "vue/types/vue" {
  interface Vue {
    xxx: string
  }
}