【问题标题】:Share a module between multiple angular apps that resides in the same project在同一项目中的多个 Angular 应用程序之间共享一个模块
【发布时间】:2017-10-16 12:00:54
【问题描述】:

这个问题之前有人问过,但需要更清楚,是否有可能将模块或单个组件从 angular-cli 应用程序重用到另一个应用程序

由于现在可以在一个 angular-cli 项目中拥有多个应用程序,因此我利用这一点能够构建两种不同类型的包用于生产。

我的项目如下所示:

src
 |─app-core
 |   |────shared
 |   |       |────share-this.component.ts
 |   |       |────shared.module.ts
 |   |       
 |   |────app.module.ts
 |   |────app-root.component.ts
 |   
 └─app-inspection
     |────app.module.ts (how do I use 'share-this.component.ts' here?)
     |────app-root.component.ts

在 app-inspections AppModule 中导入 SharedModule 时,无法以某种方式提供服务。

我知道 npm-package 可以解决我的问题,但我认为它应该比这更容易。

那么,有没有人坐在解决方案上?否则也许 Angular 可以构建一个功能?

Link to the other question

【问题讨论】:

  • 只导入相对于路径。即来自应用程序检查,这将是../app-core/shared/shared.module。当然,假设您实际上将所需的组件包含在该模块的 declarations 数组中。否则直接指向组件。
  • 成功!问题不在于模块的导入,而是没有提供编译器所说的服务。我在两个应用程序中都有提到的服务,哎呀。但是感谢您的帮助,没有它就无法解决这个问题。

标签: angular angular-cli


【解决方案1】:

正如 Niel Lunn 在他的评论中所说,解决方案是“仅相对于路径导入”。因此,您可以在驻留在一个项目中的应用程序上重用您的模块!

查看here,了解您如何在一个项目中创建多个应用程序。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-11-05
    • 1970-01-01
    • 2020-02-01
    • 1970-01-01
    • 2011-02-02
    • 2016-08-29
    • 1970-01-01
    • 2016-05-07
    相关资源
    最近更新 更多