Rxjs catchError 原因 TypeScript 類型錯誤

Question

我有一個來自 Angular 的例子。 有兩個接口。 一個將status定義為字符串。 第二個定義status值。 問題出在后一個，因為catchError function 沒有返回正確的類型：

export interface ThisInterfaceIsOk {
    status: string;
}


export interface ThisInterfaceCausesProblem {
    status: "OK" | "PROBLEM";
}


@Injectable({
    providedIn: 'root'
})
export class RegisterService {

    constructor(private httpClient: HttpClient) {
    }


    public registerValid(): Observable<ThisInterfaceIsOk> {
        return this.httpClient.get('http://example.com/api').pipe(
            map(response => response as ThisInterfaceIsOk),
            catchError(() => of({status: "WHATEVER"}))
        );
    }

    public registerInvalid(): Observable<ThisInterfaceCausesProblem> {
        return this.httpClient.get('http://example.com/api').pipe(
            map(respone => respone as ThisInterfaceCausesProblem),
            catchError(() => of({status: "OK"}))
        );
    }
}

錯誤就像TS2322 Type Observable<ThisInterfaceCausesProblem|{status: string}> is not assignable to type Observable<ThisInterfaceCausesProblem>但我真的不明白為什么。

Answer 1

我相信catchError(() => of({status: "OK"}))給出的返回類型為{ status: string } 。 嘗試用這個替換它： catchError(() => of({status: "OK" as const}))