vue3+ts+vite打包异常记录its corresponding type declarations

项目构建描述

整个项目是按照vite + vue3 + ts + pinia 进行构建。

问题描述

在运行npm run build 出现报错： Cannot find module 'xxx.vue' or its corresponding type declarations.ts(2307)。

原因分析: typescript 只能理解 .ts 文件，无法理解 .vue文件

解决方案

在src下建立shims-vue.d.ts并输入以下内容.

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

问题解决