我正在尝试创建一个Angular 9库,其中包含在不同项目中使用的某些组件和类。我做了什么:
ng new my-lib-project --create-application=false
cd my-lib-project
ng generate library my-lib --prefix lb
projects/my-lib/src/lib/
中创建了一个test-class.ts文件(请参见下文)export * from './lib/test-class';
行添加到public-api.ts文件。ng build my-lib
并将结果复制到myOtherProject/node_modules/
问题:当我在myOtherProject的app.component.ts文件中键入const test = new LibTestClass();
时,PhpStorm不会显示导入提示以轻松添加TestClass的导入行。如何使此自动导入功能适用于我的自定义库?
其他信息:
test-class.ts:
export class LibTestClass {
private test = '';
constructor() {}
}
感谢@lena,我找到了答案:为了为Angular库启用导入提示,您必须在库构建中安装一个(本地)依赖项。就我而言,解决方案是:
npm install --save ../my-lib-project/dist/my-lib
这会创建到您的库本地版本的链接,并且在您构建库时会自动更新。我建议在开发中使用ng build --watch
。