Angular自定义库具有HTTP依赖关系-必须从注入上下文中调用inject()

时间:2020-04-30 22:10:44

标签: angular dependency-injection angular-library

我有一个Angular 8应用,它使用了我创建的自定义库中的服务。

该服务进行HTTP调用,因此它在其构造函数中具有HttpClient实例的依赖关系,如下所示:

import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';
import { HttpClient } from '@angular/common/http';
import { User } from '../../models/user.model';
import { GetLoggedInUserInfo } from '../../models/get-logged-in-user-info';

@Injectable({
  providedIn: 'root',
})
export class AuthService {
  constructor(private http: HttpClient) {}

  getLoggedInUser = ({
    apiUrl,
    apiContextRoot,
  }: GetLoggedInUserInfo): Observable<User> => {
      const url = `${apiUrl}${apiContextRoot}/login`;

      return this.http.get<User>(url).pipe(
      );
    }
  };
}

当我从通过“ npm install”自定义安装库的客户端应用中调用此服务的getLoggedInUser()方法时,会发生问题。

似乎自定义库中的服务没有满足依赖关系,我认为这将自动发生。

main.ts:12 Error: inject() must be called from an injection context
    at injectInjectorOnly (core.js:728)
    at ɵɵinject (core.js:744)
    at AuthService_Factory (gulfstream-common.js:493)
    at _callFactory (core.js:30485)
    at _createProviderInstance (core.js:30428)
    at resolveNgModuleDep (core.js:30387)
    at NgModuleRef_.get (core.js:31577)
    at resolveDep (core.js:32142)
    at createClass (core.js:31988)
    at createDirectiveInstance (core.js:31806)

有什么想法吗?

谢谢

1 个答案:

答案 0 :(得分:0)

@Andrei提供了链接github.com/angular/angular/issues/25813,有助于解决此问题。

我更新了使用该库的应用程序的angular.json文件,并在2个位置添加了“ preserveSymlinks”:true

  1. 在“建筑师”->“构建”->“选项”下

  2. 对于“建筑师”->“构建”->“配置”下的每个配置

谢谢