在Angular 8应用程序中获取选项配置的typescript错误

Question

在尝试使用rest api和get调用调用服务时，我会遇到以下错误：

“{headers：HttpHeaders；responseType：string；}”类型的参数不可分配给“{headers？：HttpHeaders{[header:string]:string string[]；}；观察？：”body“；params？：HttpParams{[param:string]:string string[]；}；ReportProgress？：Boolean；responseType？：”JSON“；With Credentials？：Boolean；}”类型的参数。属性“响应类型”的类型不兼容。不能将“string”类型赋给“json”类型。TS(2345)

 const httpOptionsText = {
  headers: new HttpHeaders({
    'Accept': 'text/plain',
    'Content-Type': 'text/plain'
  }),
  responseType: 'text'
};

@Injectable()
export class TripService {

public getTripNameById(tripId: number): Observable<any> {
    return this.http.get<any>(`${this.baseUrl}/Trips/Trip/Name/${tripId}`,  httpOptionsText);
  }

错误只在编辑器上（代码工作正常）。谢了。

Answer 1

您应该将代码更改为

  public getTripNameById(tripId: number): Observable<any> {
    const httpOptionsText = {
      headers: new HttpHeaders({
        Accept: "text/plain",
        "Content-Type": "text/plain"
      }),
      responseType: "text" as "json"
    };
    return this.http.get<any>(
      `${this.baseUrl}/Trips/Trip/Name/${tripId}`,
      httpOptionsText
    );
  }