TypeScript无法识别文件路径别名的问题求助

我之前也碰到过一模一样的糟心事！Vite明明能正常解析路径别名，项目跑起来一点问题都没有，但TypeScript就是死咬着“找不到模块”的报错不放，太折腾人了😅

给你分享几个我亲测有效的解决步骤：

• 先检查tsconfig.json的配置，这是最关键的一步：
  1. 在compilerOptions里添加"baseUrl": "./"，告诉TypeScript从项目根目录开始解析路径
  2. 接着配置paths字段，比如你用@components的话，就写"@components/*": ["src/components/*"]，这里的路径要和你实际的文件目录完全对应
  3. 如果你项目里同时用了jsconfig.json，也要同步加上一样的baseUrl和paths配置哦
• 确认Vite的配置没问题，在vite.config.ts里的resolve.alias要和TS配置对应上，比如：

import { defineConfig } from 'vite'
import path from 'path'

export default defineConfig({
  resolve: {
    alias: {
      '@components': path.resolve(__dirname, './src/components')
    }
  }
})

• 别忘了重启TypeScript语言服务！很多时候改完配置编辑器没自动刷新，在VSCode里按Ctrl+Shift+P，输入TypeScript: Restart TS Server，重启之后大概率报错就消失了
• 如果还是不行，检查下tsconfig.json里的include字段，确保它包含了你用别名导入的所有文件目录，比如"include": ["src/**/*", "vite.config.ts"]

内容来源于stack exchange