新建 vue3 项目报错 Cannot find module ‘./App.vue‘ or its corresponding type declarations.ts

启动项目

运行起来之后，点进 main.ts 以及其他引用了 vue 文件的地方发现报错。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
}