如何在 WebStorm / PhpStorm 中启用自定义 Angular 库的自动导入？

Question

我正在尝试创建一个 Angular 9 库，其中包含我在不同项目中使用的一些组件和类。 我做了什么：

1. ng new my-lib-project --create-application=false
2. cd my-lib-project
3. ng generate library my-lib --prefix lb
4. 我在projects/my-lib/src/lib/中创建了一个 test-class.ts 文件，其中包含一个简单的 LibTestClass 定义（见下文）
5. 我添加了行export * from './lib/test-class'; 到 public-api.ts 文件。
6. 我调用ng build my-lib并将结果复制到myOtherProject/node_modules/

问题：当我输入const test = new LibTestClass(); 在 myOtherProject 的 app.component.ts 文件中，PhpStorm 不显示导入提示，以便轻松添加 TestClass 的导入行。 如何使此自动导入适用于我的自定义库？

更多信息：

• IDE：PhpStorm 2020.1.1
• 操作系统：MacOS
• Angular：9.1.6
• my-lib 未发布到 npm

测试类.ts：

export class LibTestClass {

  private test = '';

  constructor() {}
}

Answer 1

感谢@lena，我找到了答案：为了为您的 Angular 库启用导入提示，您必须为您的库构建安装一个（本地）依赖项。 就我而言，解决方案是：

npm install --save ../my-lib-project/dist/my-lib

这将创建一个指向您的库的本地构建的链接，并在您构建您的库时自动更新。 我建议在开发中使用ng build --watch 。