React+Vite:路径别名有问题,无法识别@字符

我正在使用Vite启动一个React项目,如果我想使用@字符,我在路径别名方面有问题。

这是我的代码:

tsconfig.json

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

vite.fig.ts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import * as path from 'path';

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

我的组件.tsx

它的工作原理:

import { DB } from 'services/db';

不工作:

import { DB } from '@services/db';

错误 Cannot find module '@services/db' or its corresponding type declarations

我做错了什么?

谢谢