Angular 10路径别名配置失败：无法找到@services模块求助

我帮你排查几个常见的问题，应该能解决这个TS2307报错：

1. 先检查tsconfig的语法是否正确 #

你贴出来的配置代码最后少了一个闭合的大括号，这会直接导致配置失效！正确的JSON结构应该是这样的：

{
  "compilerOptions": {
    "baseUrl": "./src/app",
    "paths": {
      "@services/*": ["services/*"]
    }
  }
}

如果实际项目里你确实漏了这个括号，先补上再说。

2. 确认修改的是正确的tsconfig文件 #

Angular项目里有两个关键的tsconfig文件：根目录的tsconfig.json和src目录下的tsconfig.app.json。Angular CLI构建应用时，会优先读取src/tsconfig.app.json的配置，所以你需要把路径别名配置到这个文件里，而不是只改根目录的那个。

比如在src/tsconfig.app.json的compilerOptions里添加：

"baseUrl": "./",
"paths": {
  "@services/*": ["app/services/*"]
}

这里baseUrl设为./（相对于src目录），paths里的app/services/*就对应src/app/services/*，导入时还是用@services/app.service就可以。

3. 清除IDE缓存 #

就算配置改对了，VS Code这类IDE有时候会缓存旧的配置，导致报错不消失。你可以试试：

• 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入TypeScript: Restart TS Server，重启TypeScript服务
• 或者直接重启IDE，让它重新读取配置

4. 确认文件路径和拼写无误 #

最后检查你的AppService确实在src/app/services/app.service.ts位置，文件名拼写完全一致（注意大小写，Linux/Mac系统对文件名大小写敏感，别把AppService写成appservice）。

如果是Angular CLI创建的项目，不用额外配置Webpack，CLI会自动识别tsconfig里的paths配置。按照上面的步骤来，应该就能解决导入报错的问题了。

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