IDEA 报错 TS7016: Could not find a declaration file for module xxxx

今天在使用IDEA编写Vue项目，使用import导入模块的时候提示：

TS7016: Could not find a declaration file for module @/views/HomeView.vue

这是因为 TypeScript 默认不认识 .vue 文件。如果你使用的是 Vue 3，并且项目中有 .vue 文件，你需要确保你的 TypeScript 配置能够处理这些文件。

---

解决方法：

创建 vue-shims.d.ts 文件：
在你的项目src/types下创建一个 vue-shims.d.ts 文件，这样 TypeScript 才能识别 .vue 文件。

创建文件 src/types/vue-shims.d.ts，并添加以下内容：

declare module '*.vue' {import { DefineComponent } from 'vue'const component: DefineComponent<{}, {}, any>export default component
}

这样就告诉 TypeScript 当遇到 .vue 文件时，应该将其视为一个 Vue 组件。