TS（2307）: 找不到模块“***.vue”或其相应的声明。

场景一

解决方案：在src根目录新建env.d.ts文件

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

场景二

解决方案：

• 1、vite.config.ts配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
export default defineConfig({
  ...,
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src') // 设置 `@` 指向 `src` 目录
    }
  }
})

• 1、tsconfig.json配置

{
    "baseUrl": "./",
    "paths": {
        "@/*": ["./src/*"]
    }
}

场景三

解决方案：.env.d.ts配置。类似的引入模块可参考下面方式解决

declare module "element-plus";