如何让 vsCode 了解自动补全的深度依赖导入?

2024-05-19

我创建了多个角度库,让我可以使用一堆组件更快地创建网站,例如:sidenav、卡片……

我创建了一个“超级库”来导入所有这些库,这样我就可以使用npm i myWebsiteBundle立即下载所有依赖项。

我已将每个类似的插件列入白名单ng-package.json file

  "whitelistedNonPeerDependencies": [
    "@myName/sidenav-conponent",
    "@myName/card-component",
  ]

但现在,当我想将其导入例如时。app.module.tsvsCode 导入自动完成功能找不到该模块。


import { SidenavComponentModule } from '@myName/card-component' // <-- Have to be typed manually

imports: [
  SidenavComponentModule // <-- No suggestion
]

我知道,建议单独下载每个包,但对于我的情况,它必须像这样实现

有人已经遇到过同样的问题并且找到了解决方案吗?

Edit

然后我尝试将库导出到public-api.ts file

 export { SidenavComponentModule } from '@myName/card-component'

自动补全确实出现了,但随后无法导入正确的元素。


您需要从库中导出组件、模块、服务等。
my-lib.ts

   // Public API Surface
    export * from './lib/my-lib.service';
    export * from './lib/my-lib.component';
    export * from './lib/my-lib.module';

    // AllowedNonPeerDependencies
    export { SidenavComponentModule } from '@myName/card-component'
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何让 vsCode 了解自动补全的深度依赖导入? 的相关文章