如何使WebStorm识别并为自定义Angular库中的组件名称提供自动完成功能?

时间:2019-05-05 05:47:12

标签: angular npm webstorm

我目前在WebStorm识别使用generate library构建的自定义Angular库方面遇到问题。该库在NPM上正确发布-具有所有umd,es2015,fes2015等文件,并且在package.json中指定了它们。这些都是通过原理图完成的,因此可能是正确的。

我正确地将所有模块和组件导出到public-api.ts中。一切都可以访问。

我的项目正确使用了已发布的npm库,并指定了自定义库的正确依赖性和版本。一切都可以编译,我可以将该库中的组件包括到我的Angular项目中,并且可以在浏览器中完美地看到它们。基本上,所有内容都可以正常运行100%,只是WebStorm在使用自动完成功能时不会像在其他组件上那样检测到任何这些组件。

我知道对于Material这样的库,WebStorm也可以使用,所以我很好奇Material开发人员为使WebStorm在此处提供自动完成功能所做的事情。

有人有什么主意吗?

screenshot

1 个答案:

答案 0 :(得分:0)

您必须在发布的库包中包括组件源(.ts文件)或*.metadata.jsonhttps://medium.com/@isaacplmann/getting-your-angular-2-library-ready-for-aot-90d1347bcad),才能通过静态代码分析识别出组件