首页 文章

Angular 6：'Observable<Response>'类型的属性'catch'不存在？

提问于
浏览 次
7

我正在将我的应用升级到 Angular 6 . 我正在从 Angular 4 升级，但下面的代码在Angular 6中导致错误，它在Angular 4中工作正常 .

我得到的错误：

属性'of'在类型'typeof Observable'上不存在'错误：类型'Observable'上不存在属性'catch'

我该如何解决这些错误？

private authInterceptor(observable: Observable<Response>): Observable<Response> {
    return observable.catch((error, source) => {
      if (error.status == 401) {
        this.router.navigateByUrl('/login');
        return Observable.of();
      } else {
        return Observable.throw(error);
      }
    });
  }
rxjs observable angular6 rxjs6 angular-observable

6 回答

  • 2

    由于你标记了你的问题rxjs6，我'm assuming the upgrade to Angular 6 includes an upgrade to rxjs6. In that case, it'不能正常工作，因为可观察对象上的方法现在是可以使用pipe（）应用的独立运算符 . 此外，进口也发生了变化 . 有关详细信息，请参阅migration guide .

    使用rxjs6它应该看起来像这样：

    import { Observable, EMPTY, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';

private authInterceptor(observable: Observable<Response>): Observable<Response> {
   return observable.pipe(
       catchError( err => {
            if (err.status == 401) {
                this.router.navigateByUrl('/login');
                return EMPTY;
            } else {
                return throwError(err);
            }
       })
   );
 }
    回复于
  • 23

    您将需要导入您正在使用的所有运算符 .

    import 'rxjs/add/observable/of';
import 'rxjs/add/observable/throw';
import 'rxjs/add/operator/catch';
    回复于
  • 2
    import 'rxjs/add/operator/catch';

    或者以这种方式导入Observable：

    import {Observable} from 'rxjs/Rx';
    回复于
  • 1

    需要导入catch操作符

    import 'rxjs/add/operator/catch';
    回复于
  • 1

    我假设您已迁移到RXJS6，因为您已迁移到angular6 .

    在RXJS6中使用catch错误而不是catch如here

    import {catchError } from 'rxjs/operators';
  import { Observable, of } from 'rxjs';
    回复于
  • 1

    使用以下方法导入库并重新排列代码

    import { catchError } from 'rxjs/operators';
return Observable.pipe(catchError =>...);

    这对我有用 .

    回复于

相关问题