如何在 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 。