找不到模块“@/xxx/xx.vue”或其相应的类型声明 - ts(2307)

使用路径别名引用相关组件时，报出了TS错误提示！

错误信息（图片）：

 

Vite中路径别名相关的配置：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
});

 

解决方式（代码）：

在tsconfig.json文件中

{
    "compilerOptions": {
        // 补充如下配置
        "baseUrl": ".",
        "paths": {
            "@/*": ["./src/*"]
        }   
    }
}