情况: 我对Angular还是很陌生,想创建一个包含多个应用程序和库的Angular工作区。我跟随this tutorial用MonoRepo的形式用Nx创建了一个Angular工作区。我按照教程中介绍的步骤创建了一个应用和一个lib。
因此,我有一个名为first-app的应用程序和一个名为first-lib的库。在first-lib中,我有一个组件first-lib-component。我想在我的first-app.html中使用组件或最好是这样的库本身:
<h2> This is my first-app </h2>
<first-lib></first-lib> OR
<first-lib-component></first-lib-component>
我已经在app.module.ts中导入了第一个库,并在导入中添加了第一个库。
问题:我想在创建的应用程序中使用创建的库,这就是我当前失败的地方。我收到一条错误消息,指出“'first-lib-component'不是已知元素”。
Nx website指出:
...库的客户端位于同一存储库中,因此没有打包 并且需要发布步骤。
如果不需要打包,如何使用共享的组件/项目(库)?
我的问题: 如何在应用程序中导入和使用(的)库?
答案 0 :(得分:2)
需要将该组件添加到模块中并导出,然后将该模块导入到您的应用程序中。