Angular 15报错：无法找到模块'@env/environment'及其类型声明

我在Angular 15项目中配置了路径别名，environments文件夹位于src目录下，tsconfig.json中的相关配置如下：

"baseUrl": "./src",
"paths": {
  "@app/*": [
    "app/*"
  ],
  "rxjs": [
    "./vendor/rxjs.ts"
  ],
  "@env/*": [
    "environments/*"
  ]
}

但在app.module.ts中使用如下导入语句时出现错误：

import { environment } from '@env/environment';

解决步骤： #

• 确认配置文件的正确性：Angular 15项目可能会使用tsconfig.app.json作为编译的主配置文件，而非根目录的tsconfig.json。请将paths配置添加到tsconfig.app.json中，确保CLI编译时能读取到别名配置。
• 验证文件路径与拼写：确认src/environments/environment.ts文件存在，文件名（包括大小写）与导入语句严格匹配，部分系统（如Linux/macOS）对文件名大小写敏感。
• 重启开发服务器：修改tsconfig相关文件后，必须重启ng serve服务，否则新的配置不会生效。
• 清除IDE缓存：如果IDE仍提示错误，可重启IDE或在VS Code中执行Ctrl+Shift+P（Windows/Linux）/Cmd+Shift+P（Mac），选择「TypeScript: Restart TS Server」来清除类型检查缓存。
• 检查baseUrl配置：确保baseUrl设置为./src，这样路径别名会基于src目录解析，避免路径层级错误。

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