Observable .catch 不是一个函数

Question

当我从 unix 环境运行ning 我的代码时，我得到了这个非常烦人的错误。当我通过 ng serve 在本地运行代码时，这工作正常，但是当我将代码部署到我的服务器时，此错误会停止所有程序执行：

ERROR TypeError: this.http.get(...).catch is not a function

Google 结果表明我应该直接从它们的位置导入 rxjs 命名空间，而不是通过 rxjs/Rx 包，但无论如何我都会收到这个错误。其他结果指出我可能错过了导入 rxjs 运算符，但它们肯定包含在我的案例中。

我什至使用 DevTools 检查了包含的源映射，并且运算符包含在浏览器中。

谁能告诉我为什么会出现此错误？我正在使用 rxjs：^5.5.2

这是我的代码。

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';

@Injectable()
export class MyService {
  constructor(private http: HttpClient) {}

  all(): Observable<any> {
    return this.http.get<any>('url')
      .catch(err => this.handleError(err));
  }
  handleError(error) {
    return Observable.throw(error);
  }
}

编辑根据下面@Jota.Toledo的评论，我将提供使用此方法的代码：

this.myService.all().subscribe(
  result => {
    this.isLoading = false;
    if (result) {
      this.clients = result;
    }
  },
  error => this.isLoading = false
);

像这样在subscribe中给两个回调函数，和"using the catch method somewhere before the operator is added"一样吗？

Answer 1

在 rxjs 5.5.2 中，您可以使用 lettable 运算符解决此问题，在本例中为 catchError。您必须从 operators 导入它，例如：import { catchError } from 'rxjs/operators/catchError';。通常，所有运算符都必须以这种方式导入，observable 也是如此，例如 observable/of.

import { catchError } from 'rxjs/operators/catchError';
import { map } from 'rxjs/operators/map';

all(): Observable<any> {
  return this.http.get<any>('url')
    .pipe(
        map(() => //do stuff),
        catchError((error: Error) => {
         //
        })
    )
}

阅读更多关于可出租运营商的信息here。

Observable .catch 不是一个函数

Observable .catch is not a function

observable

rxjs

rxjs5

angular