当我打开缰绳时,上面写着:

subscribe is deprecated: Use an observer instead of an error callback

angular应用的代码:

    this.userService.updateUser(data).pipe(
       tap(() => {bla bla bla})
    ).subscribe(
       this.handleUpdateResponse.bind(this),
       this.handleError.bind(this)
    );

我不知道该用什么,怎么用……

谢谢!


当前回答

订阅不被弃用,只是您使用的变体被弃用。以后,subscribe将只接受一个参数:要么是下一个处理程序(函数),要么是一个观察者对象。

所以在你的情况下,你应该使用:

.subscribe({
   next: this.handleUpdateResponse.bind(this),
   error: this.handleError.bind(this)
});

请看这些GitHub问题:

https://github.com/ReactiveX/rxjs/pull/4202 https://github.com/ReactiveX/rxjs/issues/4159

其他回答

订阅不被弃用,只是您使用的变体被弃用。以后,subscribe将只接受一个参数:要么是下一个处理程序(函数),要么是一个观察者对象。

所以在你的情况下,你应该使用:

.subscribe({
   next: this.handleUpdateResponse.bind(this),
   error: this.handleError.bind(this)
});

请看这些GitHub问题:

https://github.com/ReactiveX/rxjs/pull/4202 https://github.com/ReactiveX/rxjs/issues/4159

如果你有一个对象类型为Observable<T> | Observable<T2> -而不是Observable<T|T2>,你就会得到这个错误。

例如:

    const obs = (new Date().getTime() % 2 == 0) ? of(123) : of('ABC');

编译器不会将类型为Observable<number |的obs设为字符串>。

它可能会让你惊讶,下面会给你错误使用一个观察者而不是一个完整的回调和期望2-3个参数,但得到1。

obs.subscribe(value => {

});

这是因为它可以是两种不同类型中的一种,而编译器不够聪明,无法协调它们。

你需要改变你的代码返回Observable<number | string>而不是Observable<number> | Observable<string>。这其中的微妙之处取决于你在做什么。

详见官方网站 https://rxjs.dev/deprecations/subscribe-arguments

注意下面第二个订阅代码中的{}大括号。

import { of } from 'rxjs';

// recommended 
of([1,2,3]).subscribe((v) => console.info(v));
// also recommended
of([1,2,3]).subscribe({
    next: (v) => console.log(v),
    error: (e) => console.error(e),
    complete: () => console.info('complete') 
})

使用RxJS的新方法非常简单:

以前的版本:

this.activatedRoute.queryParams.subscribe(queryParams => {
console.log("queryParams, queryParams)

}, error => {
})

新版本:

  this.activatedRoute.queryParams.subscribe(
  {
    next: (queryParams) => {
      console.log('queryParams', queryParams);
    },

    error: (err: any) => { },
    complete: () => { }
  }
);

对我来说,这只是我的VSCode指向的typescript版本。

从这个GitHub评论中得到了帮助。

我相信这是打字稿的问题。在最新版本的typescript中,某些东西导致这个警告显示在vs code中。我可以通过点击vs code右下角的typescript版本,然后选择select typescript版本选项来让它消失。我将它设置为我们在angular项目中安装的node_modules版本,在我们的例子中恰好是4.0.7。这使得警告消失了。