在Angular CLI的tsconfig中使用路径映射

Question

我想使用路径映射直接引用与我的angular应用程序位于同一目录结构中的库。

结构体：

mycompany-mylib/
src/
tsconfig.json

我已将以下内容添加到tsconfig.json

{      
  "compilerOptions": {
    ...
    "baseUrl": ".",
    "paths": {
        "@mycompany/mylib": ["mycompany-mylib/lib/src/public_api"],
    }
  }
}

此配置似乎是正确的，并且Typescript可以解析这些路径，因为我在Visual Studio Code中没有出现错误并获得了完整的智能感知。

例如：

import { UserClientModule } from '@mycompany/mylib'

但是，当我运行ng serve或ng serve --aot ，出现错误，未找到模块（我的AngularCLI版本为1.7.4 ）：

ERROR in src/app/core/components/user-profile/user-profile.component.ts(5,43): error TS2307: Cannot find module '@mycompany/mylib'.

该技术应该有效，因为有数篇博客文章和github问题都在引用它。 我只是看不到我在做什么错。 我可以通过提供别名configuraton在webpack中解决此问题，但是由于angular cli中没有webpack.config.js ，所以我无法做到这一点。

Answer 1

我本人可以修复它。 默认情况下，Angular CLI使用另一个配置： ./src/tsconfig.app.json ，我./src/tsconfig.app.json添加了配置，并对路径进行了如下修改：

{      
  "compilerOptions": {
    ...
    "baseUrl": "./",
    "paths": {
        "@mycompany/mylib": ["../mycompany-mylib/lib/src/public_api"],
    }
  }
}

现在只要mycompany-mylib没有node_modules文件夹，它就可以正常编译。 我仍然要感谢对此的解决方案。