vue3+vite配置alias别名之后编辑器报错问题

场景：

vite.config.ts配置别名之后，vscode编辑器仍然报错

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

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      //设置别名
      '@': resolve(__dirname, 'src'),
    },
  },
})

解决方案：

配置alias别名之后需要在tsconfig.json配置baseUrl和path，不然编辑器会报错

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