我有一个在 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(,以便静态代码分析识别组件; 否则代码完成等将不起作用