让TS支持.vue文件

2020-09-22 1,984 阅读1分钟

最近使用Vue3开始写UI组件，发现TS不能识别.vue文件。

经过谷歌查找到了解决的方法，分享给大家

在Vue项目中创建一个xxx.d.ts文件,输入下面代码即可。

// shims-vue.d.ts
declare module '*.vue' {
  import { Component } from 'vue'
  const component: Component
  export default component
}

而尤神也回复到：

所以只需要将ComponentOptions替换Component即可

即：

declare module '*.vue' {
    import { ComponentOptions } from 'vue'
    const componentOptions: ComponentOptions
    export default componentOptions
}