由ng-packagr生成的Angular自定义库中的IDE代码完成



我有一个在 Angular 中生成的库,用于其他项目。我用ng-packagr生成了它。

当我将该库中的组件用于消费者项目时,它不会显示所有 IDE 好东西,例如代码完成等。

例如,一个组件app-my-input具有 Input(( 属性title,现在的用法将是:

<app-my-input [title]="'my title here'"></app-my-input>

现在,当我通常在像WebStorm/PhpStorm这样的IDE中使用这样的第三方组件时,我只是在<app-my-input之后键入inp,我会自动[input]得到一个建议,但是对于我的库,我没有得到这个建议。

我的public_api.ts文件导出了组件的所有 .ts 文件和模块的 .ts 文件。我还需要导出其他内容才能使代码完成正常工作吗?

您需要在已发布的包中包含组件源(.ts包含类定义的文件(或*.metadata.json(https://medium.com/@isaacplmann/getting-your-angular-2-library-ready-for-aot-90d1347bcad(,以便静态代码分析识别组件; 否则代码完成等将不起作用

最新更新