vue3+vite+ts 配置别名@报错找不到模块

我在学习vue3+vite+ts的时候，在配置别名这一步的时候遇到了一个问题，使用@引入会报错，如下图所示。

(1)配置别名
vite.config.js

执行 npm add @types/node --save-dev 项目结构中会自动生成一个vite-env.d.ts文件
resolve:{
    alias:{
      '@':path.resolve(__dirname,'src')
    }
  }

上面错误的解决办法就是 tsconfig.json中配置加上下面代码就可以啦
"baseUrl": "./",
"paths":{
	"@": ["src"],
	"@/*": ["src/*"],
}