NG6：图书馆提供的服务未定义

Question

我正在寻求调试方面的帮助/指导/指导/理解派生 class 的问题，它扩展了 Angular 6 项目中图书馆提供的服务。

我正在尝试将现有的 Angular 5.x 项目移动到 Angular 6 个项目中 angular.json 的新工作区格式。

我现有的项目由一个 Angular 应用程序和一个单独的共享 NgModule 组成，后者提供服务和其他功能。共享模块将在多个应用程序中使用，结构如下：

project-root/
    library/
    main-app/
    other-app/

在我现有的 NG5 代码中，共享库作为 TS 源文件 npm link 进入主应用程序（尽管 CLI 团队明确不推荐，这对我团队的工作流程很有效）。

在 NG6 应用程序中，library 是 angular.json 中的库项目，如此构建，并通过 tsconfig.json 中的路径定义拉入项目。工作区是标准的 NG6 布局：

workspace-root/
    dist/...
    node_modules/...
    projects/
        library/
            src/lib/...
        main-app/
            src/app/...
        other-app/
    ...

在大多数情况下，库中提供的服务按原样使用，但可以在主应用程序（或其他应用程序）中扩展以提供特定于应用程序的功能。这在 Angular 5 中工作正常，但在 Angular 6 中，我在尝试加载页面时在控制台中收到以下错误（使用 ng serve 运行）：

Object prototype may only be an Object or null

这里出现警告：

export class FooService extends FooBaseService { // ...
--------------------------------^

当 bootstrap 进程实例化 FooService 时，

FooBaseService 以 'undefined' 的形式出现。

根据研究，此错误通常与循环依赖问题有关，但我认为这不是正在发生的事情。我在构建库时没有收到任何 circ-dep 警告，也没有在构建主应用程序时收到任何问题。此外，运行 madge -c (link) 在 dist/library 或 dist/main-app.

中均未找到任何 circ-deps

我对如何继续调试这个问题有点困惑。对 Angular 6 如何处理模块提供的服务有更深入了解的任何人都可以为我指明正确的方向吗？

Answer 1

我猜你的 FooBarService 位于库内。
使用 ng6 提供的新工作区结构，需要在使用之前构建库。您应该 'ng build --prod'（因为 AOT 而生产）库，然后直接将其作为库导入， 而不是 从其来源导入。例如：import FooBarService from 'foobar-service-library'；

您可以在此处阅读更多相关信息：https://blog.angularindepth.com/creating-a-library-in-angular-6-87799552e7e5

Answer 2

同这个问题一样，是否可以在ng5 App中使用ng6库？我运行遇到了这个错误：

19:66-82 "export 'defineInjectable' was not found in '@angular/core' 作为 ng6 使用的新 providedIn 功能的一部分。

NG6：图书馆提供的服务未定义

NG6: library-provided service is undefined

typescript

angular

angular6

angular-cli-v6