Vite React项目中@导入别名无法使用的问题求助

大家好，最近我在搭一个 React 项目，用的是 Vite 做构建工具，搭配 TanStack Router 处理路由，样式用的是 Tailwind v4。结果碰到个头疼的问题——@ 导入别名完全不生效，不管是编辑器里的代码路径提示，还是运行项目时都会报错，找不到对应的模块。

下面是我目前的 tsconfig.json 配置（刚才粘贴的时候可能没写完，先把现有部分放出来）：

{
  "files": [],
  "references": [
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.node.json"
    }
  ],
  "compilerOptions": {
    "baseUrl": "."
  }
}

我已经在 compilerOptions 里设置了 baseUrl: "."，但还是没法用 @/components/XX 这种方式导入文件。想问下各位大佬，是不是我漏了什么配置？Vite 这边是不是还需要单独做别名的配置呀？麻烦帮忙看看，谢谢啦！

内容来源于stack exchange