Angular项目中VSCode无法解析绝对路径问题求助

问题分析 #

你的tsconfig.app.json存在两个关键问题导致绝对路径无法解析：

• exclude字段包含server目录，TypeScript会直接忽略该目录的类型解析，因此找不到server/开头的模块
• 未配置paths映射规则，TypeScript无法将src/或server/开头的绝对路径关联到实际目录

解决方案 #

修改tsconfig.app.json配置如下：

1. 移除exclude中的server目录
   找到exclude数组，删除其中的"server"项，确保TypeScript能解析server目录下的文件：

"exclude": ["node_modules", "dist", "e2e"]

2. 添加paths路径映射
   在compilerOptions中新增paths配置，映射src/和server/开头的绝对路径到实际目录：

"compilerOptions": {
  // 保留原有配置...
  "paths": {
    "src/*": ["src/*"],
    "server/*": ["server/*"]
  }
}

3. 重启TypeScript服务
   修改配置后，重启IDE的TypeScript语言服务（比如VSCode中按Ctrl+Shift+P，选择TypeScript: Restart TS Server），确保配置生效。

完成以上步骤后，import { UserRecord } from 'server/users/interfaces/user';和import { environment } from 'src/environments/environment';这类绝对路径导入即可正常解析。

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