TS 提示“无法找到 *.vue 声明文件”

767 阅读1分钟

报错信息

报错信息如下图

image.png

解决方案

解决方案就是需要添加一下 .vue 类型文件的声明

  1. 在根目录下新建app.d.ts文件(app可以是任何一个名称)
  2. 添加如下代码
declare module "*.vue" {
    import { defineComponent } from "vue";
    const Component: ReturnType<typeof defineComponent>;
    export default Component;
}
  1. 在tsconfig.json的include中添加刚刚新建的.d.ts文件,
"include": [
    "app.d.ts",
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue"
]