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

问题描述 投票:0回答:1

我正在尝试创建一个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. 我用简单的LibTestClass定义在projects/my-lib/src/lib/中创建了一个test-class.ts文件(请参见下文)
  5. 我将export * from './lib/test-class';行添加到public-api.ts文件。
  6. 我叫ng build my-lib并将结果复制到myOtherProject/node_modules/

问题:当我在myOtherProject的app.component.ts文件中键入const test = new LibTestClass();时,PhpStorm不会显示导入提示以轻松添加TestClass的导入行。如何使此自动导入功能适用于我的自定义库?

其他信息:

  • IDE:PhpStorm 2020.1.1
  • OS:MacOS
  • 角度:9.1.6
  • my-lib未发布到npm

test-class.ts:

export class LibTestClass {

  private test = '';

  constructor() {}
}
angular intellij-idea phpstorm webstorm angular-library
1个回答
0
投票

感谢@lena,我找到了答案:为了为Angular库启用导入提示,您必须在库构建中安装一个(本地)依赖项。就我而言,解决方案是:

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

这会创建到您的库本地版本的链接,并且在您构建库时会自动更新。我建议在开发中使用ng build --watch

© www.soinside.com 2019 - 2024. All rights reserved.