Angular 14配置baseUrl后出现Internal Error问题求助

问题根源 #

将baseUrl设为./后，使用src/xxx形式的导入会被Angular Ivy编译器误判为非绝对路径，触发absoluteFrom(...) path is not absolute错误；同时重复配置angularCompilerOptions.baseUrl和compilerOptions.baseUrl会引发配置冲突警告，还会导致IDE与构建工具的路径识别不一致。

正确配置方案 #

1. 修正tsconfig.json配置 #

仅在compilerOptions中设置baseUrl，移除angularCompilerOptions中的重复配置，并将baseUrl指向./src：

{
  "compilerOptions": {
    "baseUrl": "./src",
    // 保留原有其他配置项
  },
  "angularCompilerOptions": {
    // 移除baseUrl配置，保留原有其他选项
  }
}

2. 调整导入路径 #

配置完成后，导入无需带src前缀，直接从src下的子目录开始：

// 原错误导入
import { environment } from "src/environments/environment";
// 修正后
import { environment } from "environments/environment";

3. 适配IntelliJ识别 #

保存tsconfig.json后，IntelliJ会自动读取新配置，自动导入功能会生成不带src前缀的正确路径，不会再标记导入无效。

备选方案（保留baseUrl为./） #

若坚持将baseUrl设为./，可通过paths配置别名映射src目录：

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

之后使用别名导入：

import { environment } from "@environments/environment";
import { TestComponent } from "@app/test/test.component";

该方式既避免路径冲突，又能实现统一基准导入，同时兼容IDE与Angular构建工具。

验证修改 #

完成配置调整后，运行ng serve即可正常编译，无路径错误；IntelliJ也能正确识别所有导入路径。

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