Angular中tsconfig paths绝对导入无法解析模块问题排查

这其实是TypeScript路径解析规则导致的问题，Angular CLI只是严格遵循了TS的配置逻辑，咱们一步步拆解你的问题：

为什么最初的配置不生效？ #

你一开始的paths配置只有：

"paths": { "@models/*": [ "src/app/models/*" ] }

这里的*是通配符，TypeScript的规则里，带通配符的路径映射只匹配包含子路径的导入（比如@models/index、@models/my-model），但直接写import { MyModel } from '@models'时，这个导入没有子路径，TS找不到对应的映射规则，自然就失败了。

你的几次尝试对应的逻辑 #

1. 更新1的配置：

   "@models/*": [ "src/app/models/*", "src/app/models/" ]
   

   加了src/app/models/后，@models/（带斜杠）能匹配成功，因为斜杠属于子路径的一部分，触发了通配符规则，但@models（不带斜杠）依然没有对应的规则，所以还是无法导入。

2. 更新2的配置：

   "@models/*": [ "app/models/*" ]
   

   Angular CLI能识别是因为它在构建时对Angular项目目录结构做了默认适配，但VS Code是直接基于TypeScript语言服务解析的——你的baseUrl是./，TS会去根目录下的app/models找文件，而实际文件在src/app/models，自然会提示找不到，这本质还是TS配置不符合规则导致的。

3. 更新3的正确配置：

   "paths": {
     "@models": [ "src/app/models" ],
     "@models/*": [ "src/app/models/*" ],
   }
   

   这个配置同时覆盖了两种场景：

   • "@models": [ "src/app/models" ]：专门匹配不带子路径的直接导入（import ... from '@models'），TS会自动去src/app/models目录下找默认入口文件（也就是你的index.ts）
   • "@models/*": [ "src/app/models/*" ]：匹配带通配符的子路径导入（比如@models/my-model）

你的疑问解答：是TypeScript还是Angular CLI的问题？ #

这个问题的根源是TypeScript的路径解析规则，Angular CLI完全遵循TS的配置逻辑，没有额外的特殊处理。VS Code的提示也是基于TS语言服务，所以只要你的配置符合TS的规则，所有工具（CLI、VS Code）都会正常识别。

最终的正确配置示例 #

确保你的tsconfig.json里的paths同时配置两种规则：

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "moduleResolution": "node",
    // 其他编译选项...
    "paths": {
      "@models": [ "src/app/models" ],
      "@models/*": [ "src/app/models/*" ]
    }
  }
}

这样不管是import { MyModel } from '@models'还是import { MyModel } from '@models/my-model'，都能正常工作。

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