Angular MonoRepo Nx-在应用程序中使用库

时间:2019-02-26 14:37:19

标签: angular angular-library monorepo nrwl

情况: 我对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指出:

  

...库的客户端位于同一存储库中,因此没有打包   并且需要发布步骤。

如果不需要打包,如何使用共享的组件/项目(库)?

我的问题: 如何在应用程序中导入和使用(的)库?

1 个答案:

答案 0 :(得分:2)

需要将该组件添加到模块中并导出,然后将该模块导入到您的应用程序中。