You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在Angular CLI中使用tsconfig路径映射的技术咨询

使用路径映射直接引用同目录下的Angular库

你的配置完全没问题!咱们来梳理下当前的情况:

  • 你的目录结构是mycompany-mylib/、src/、tsconfig.json,完全符合Angular项目引用本地库的常规结构
  • 你在tsconfig.json中配置的内容:
    {
      "compilerOptions": {
        ...
        "baseUrl": ".",
        "paths": {
          "@mycompany/mylib": ["mycompany-mylib/lib/src/public_api"]
        }
      }
    }
    
    这个配置逻辑是正确的:baseUrl设为当前目录(.),通过paths将别名@mycompany/mylib映射到库的入口文件public_api.ts(TypeScript会自动补全.ts后缀)

从你描述的表现来看,TypeScript已经成功识别了这个路径映射:

  • Visual Studio Code中没有报错,说明编辑器的TS服务已经正确解析了别名
  • 能正常使用智能提示,并且可以直接通过import语句引用库中的内容,比如:
    import { MyLibComponent, MyLibService } from '@mycompany/mylib';
    

如果后续构建或者运行项目时遇到问题,可能需要检查库是否已经正确编译(比如是否执行过ng build mycompany-mylib),不过就当前的路径映射配置本身而言,它是完全符合TypeScript和Angular规范的。

内容的提问来源于stack exchange,提问作者mode777

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 10:14:57