angular - 未捕获的类型错误 : Cannot read property 'ngOriginalError' of undefined at getOriginalError - when httpClient returned string

Question

当我尝试使用 HttpClient 调用 API 时它返回一个字符串，调用 subscribe 方法的错误处理程序。

前端代码:

this.httpClient.get<string>(`${this.baseUrl}/account/getname`).subscribe(
      (accountName)=> console.log(accountName),
      () => console.log("Failure")
    ); 

Controller 中的后端代码:

[HttpGet]
public string GetName()
{               
   return "Sample Account Name";
 }

前端代码会将“Failure”记录到控制台。

如果从 subscribe() 中删除错误通知方法，则会发生以下错误

Uncaught TypeError: Cannot read property 'ngOriginalError' of undefined at getOriginalError

Answer 1

Uncaught TypeError: Cannot read property 'ngOriginalError' of undefined at getOriginalError

发生这种情况是因为服务器端的响应出现错误并且没有错误处理程序。我想，解决方案始终是通过 HttpClient 发出 http 请求时处理错误:

import { catchError } from 'rxjs/operators';

makeHttpRequest(url): Observable<any> {
  return this.httpClient.get(url)
   .pipe(
     catchError(err => console.log(err))
   );
}

makeHttpRequest(`${this.baseUrl}/account/getname`).subscribe(
  (accountName) => console.log(accountName);
);