Question

我的服务简单，内容如下：

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';

import 'rxjs/add/observable/throw';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/map';
import { Observable } from 'rxjs/Observable';

@Injectable()
export class AddressService {

  constructor(private http: Http) { }

  getAnything = (): Observable<Response> => {
    return this.http.get('https://my_api.com')
      .map(this.handleSuccess)
      .catch(this.handleError);
  }

  handleError = (error: Response): Observable<Response> => {
    return Observable.throw(error || 'Server Error');
  }

  handleSuccess = (response: Response): Observable<Response> => {
    let body;

    if (response.text()) {
      body = response.json();
    }

    return body || {};
  }
}

它完美运行，直到我将Typescript从2.3.4升级到2.4.1。

现在，升级后，我收到了一个奇怪的错误：

Type 'Observable<Response | Observable<Response>>' is not assignable to type 'Observable<Response>'

这里有什么意义？ TS 2.4.x中的哪些更改使我的应用程序停止正常工作？

Answer 1

TypeScript 2.4引入了更好的泛型检查。它突出显示了应该修复的代码中的错误。

例如，handleSuccess的返回类型与返回的类型不匹配;它返回一个匿名对象，但输入为Observable<Response>。由于它与map一起使用，您最终会得到一个组合为Observable<Response | Observable<Response>>的可观察对象。

您看到的错误是真实的，应该修复。

Answer 2

更改是更强的类型检查。

Observable<Response>不能分配给Response类型的内容，因为它们是不同的类型。为简便起见，我们可以调用这些类型X和Y

Observable<X | Y>不能分配给输入为Y的内容，因为虽然它可能包含Y但它也可能包含X，并且这在2.4.1版中引入的更严格的检查中被拒绝

将表达式的值捕获到let变量中并返回该变量。然后，您将能够检查变量的类型，它将向您显示它与编译器报告的不兼容。

要编译代码，您应该在转换之前测试正确类型的实例。

如果您没有时间清理代码库，可以使用--noStrictGenericChecks

拨回更强大的类型检查功能

这里有一些真正的TS代码，与你的问题平行。在此示例中，FieldInstance缺少Form属性，但FormInstance只有一个，这使我可以区分它们并处理类型歧义。 FieldInstanceRepeater可分配给FieldInstance，因为它是后代。

constructor(scope: FormInstance | FieldInstanceRepeater, field: IFormFieldRow) {
  this.FormInstance = ((function getFormInstance(fi: FormInstance | FieldInstance): FormInstance | FieldInstance {
    let isFormInstance = !!(fi as FormInstance).Form;
    return isFormInstance ? fi : getFormInstance((fi as FieldInstance).Scope);
  })(scope) as FormInstance);
  this.Scope = scope;
  ...
}

Answer 3

考虑进行以下更改：

text/xml

较新版本的typescript引入了更强的类型/泛型检测，因此编译器为什么抱怨当前的方法，因为它们的返回类型不匹配。

在最新版本的angular中，http客户端被重做以避免解析无类型的POJO（调用import { ErrorObservable } from 'rxjs/observable/ErrorObservable'; import { _throw } from 'rxjs/observable/throw'; export interface Data{} // an interface to define the object in JSON format returned by your backend @Injectable() export class AddressService { constructor(private http: Http) { } getAnything = (): Observable<Data> => { return this.http.get('https://my_api.com') .map(this.handleSuccess) .catch(this.handleError); } handleError = (error: Response) : ErrorObservable { // The return type is ErrorObservable, which is a specialization of Observable<any> return _throw(error || 'Server Error'); } handleSuccess = (response: Response) { // the return here is any, as you dont know how do the POJO(s) generated by response.json() look like let body; if (response.text()) { body = response.json(); } return body || {}; } }）。为此，新的http方法是通用的，因此开发人员现在可以在提取响应内容时直接映射到类型。有关详细信息，请查看this link

输入'Observable <response | =“”observable <response =“”>＆gt;'不能分配给'Observable <response>'

3 个答案: