关于 observable：Angular 6 RxJS6 类型 \\’void\\’ 不可分配给类型 \\’ObservableInput<{}>\\’

Angular 6 RxJS6 Type 'void' is not assignable to type 'ObservableInput<{}>'

我正在将我的代码转换为使用 RxJS6 语法来使用管道和映射，但我遇到了错误。

1
2
3

error TS2345: Argument of type '(error: any) => void' is not assignable to parameter of type '(err:
any, caught: Observable<void>) => ObservableInput<{}>'.
Type 'void' is not assignable to type 'ObservableInput<{}>'.

现有代码工作正常，但我遇到的问题是在返回结果之前，会调用其他方法。所以据我所知，使用管道和地图
将解决此问题。
这是我最初的代码：

1
2
3
4
5
6
7
8
9

this._reportingService.GetProjectReportsData(data).subscribe(result => {
if (result != null) {
this.reportData = result;
}

}, error => {
this.ErrorMessage('Unable to load workbook ' + error.toString());
this._reportingService.isLoading = false;
});

这是我试图转换为使用管道和地图的代码：

我已经与其他进口商品一起进口了

1 2	import { Observable, of, throwError } from 'rxjs'; import { map, catchError, retry } from 'rxjs/operators';

并在方法中(已修改；删除this.error)请指导如何为errorMessage添加代码：

1
2
3
4
5
6
7
8
9
10

this._reportingService.GetProjectReportsData(data).pipe(
map(result => {
if (result != null) {

this.reportData = result;

}
}))
.subscribe();

还有我的服务等级：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';

import { map, tap, catchError } from 'rxjs/operators';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';

@Injectable({
providedIn: 'root'
})
export class ReportingService extends BehaviorSubject{

constructor(private http: HttpClient) {

super(null);
}

public GetProjectReportsData(data: any): Observable {
return this.http.post(this.GetProjectReportDataUrl, data)
.pipe(map(res => res))
.pipe(catchError(this.handleError));
}
private handleError(error: any) {

let errMsg = (error.message) ? error.message :
error.status ? `${error.status} - ${error.statusText}` : 'Server error';
return Observable.throw(errMsg);
}

}

我认为问题是由于您缺少 map 运算符中的 return 语句。

1
2
3
4
5
6
7
8
9
10

import { of } from 'rxjs';

this._reportingService.GetProjectReportsData(data).pipe(
map(result => {
if (result != null) {
return this.reportData = result;
}
return of(null);
}))
.subscribe();

也不确定您为什么要使用此验证，(结果！= null)。小心点。

根据我的说法，双管道链接会产生问题。

像这样试试。

1
2
3
4
5
6
7

public GetProjectReportsData(data: any): Observable {
return this.http.post(this.GetProjectReportDataUrl, data)
.pipe(
map(res => res),
catchError(this.handleError)
);
}

从 catchError:

返回 observable

1
2
3
4
5

import { of } from 'rxjs';

...
catchError(error => of(this.ErrorMessage('Unable to load workbook ' + error.toString()))
...