Angular多项目路径配置异常：paths与baseUrl失效求助

问题1：根目录tsconfig.json的@fuse路径别名不生效 #

原因分析 #

根目录tsconfig.json的compilerOptions中未配置baseUrl，TypeScript的paths别名必须配合baseUrl才能正确解析路径映射，缺少该配置会导致别名规则失效。

修复步骤 #

1. 在根目录tsconfig.json的compilerOptions中添加baseUrl配置，值设为当前根目录（.）：

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@fuse": ["./projects/ui/src/@fuse"]
    },
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "ES2022",
    "module": "ES2022",
    "useDefineForClassFields": false,
    "lib": ["ES2022", "dom"]
  },
  "angularCompilerOptions": {
    "enableI18nLegacyMessageIdFormat": false,
    "strictInjectionParameters": true,
    "strictInputAccessModifiers": true,
    "strictTemplates": true
  }
}

2. 子项目projects/ui/tsconfig.app.json已继承根配置，无需额外修改paths规则。
3. 重启IDE或刷新TypeScript服务，让新配置生效。

问题2：子项目tsconfig.app.json设置baseUrl后，main.ts无法识别相对路径导入 #

原因分析 #

设置baseUrl: './src'后，TypeScript以projects/ui/src作为基准路径，但app/开头的导入需要明确的路径映射规则才能被正确解析。

修复步骤 #

1. 修改projects/ui/tsconfig.app.json，在compilerOptions中补充paths映射规则：

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "app/*": ["app/*"]
    },
    "outDir": "../../out-tsc/app",
    "types": []
  },
  "files": ["src/main.ts"],
  "include": ["src/**/*.d.ts"]
}

2. 此时main.ts中的import { AppComponent } from 'app/app.component'会被解析为projects/ui/src/app/app.component.ts，符合预期。
3. 若编辑器仍报错，检查IDE的TypeScript配置是否指向子项目的tsconfig.app.json，确保使用正确的配置文件进行路径解析。

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