React + Vite路径别名问题：@字符无法被识别

你的问题出在导入路径写法与别名规则不匹配，以下是具体修正步骤：

1. 修正导入语句 #

你当前的@services/db不符合配置的别名匹配规则，需改为：

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

原因是你的tsconfig.json中配置的是@/*对应./src/*，@后面必须跟斜杠/才能触发别名匹配，否则TS和Vite无法识别该路径。

2. 确认配置一致性 #

检查两处核心配置是否统一：

• tsconfig.json：baseUrl设为./src，paths的@/*对应./src/*是正确的，确保无拼写错误。
• vite.config.ts：@指向path.resolve(__dirname, './src/')的配置与TS别名规则对齐，无需修改。

3. 重启TypeScript服务 #

修改配置后，编辑器的TS语言服务可能未及时更新，需手动重启：

• VSCode中按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入TypeScript: Restart TS Server执行重启。

补充说明：你当前能直接用services/db导入，是因为baseUrl设为./src，TS会自动从src目录下查找模块，这和别名配置是两个独立逻辑。

内容的提问来源于stack exchange，提问作者Klian