服务器上的可观察角度问题

Question

我已经在Angular 6中创建了一个服务，该服务可以通过订阅在ngOnInit上正常运行，但是一旦我尝试通过功能/单击事件获取响应，就会收到以下错误。

错误DOMException：无法在'XMLHttpRequest'上设置'responseType'属性：无法更改来自文档的同步请求的响应类型。

我怀疑我在做一些愚蠢的事情-数据在fetch中返回正常，然后调用，因此我排除了服务器配置，到目前为止仍在通过Angular理论进行工作，因此在此处发布以防万一这很明显给有更多经验的人。

localhost可以正常工作，但是当我将代码构建/移动到服务器时，错误就会出现-有任何想法吗？

亲切的问候 雷切尔

服务

export class GetVehicleResultsService {
  url = 'SOME_URL';
  constructor(private http: HttpClient) {}

  getVehicles() {
    return this
      .http
      .get<Vehicle>(`${this.url}`, {
        responseType: 'json',
        params: {
          keyword: '*'
        }
    });
  }
}

组件

 ngOnInit() {
    this
      .getVehicleResultsService
      .getVehicles()
      .subscribe(
        vehicles => {
          this.vehicles = vehicles.response.docs;
          this.facets = vehicles.facet_counts.vcj_facet_fields;
      });
  }
// this call works and consoles the data 
  test() {

    fetch('SOME_URL')
  .then(response => response.json())
  .then(json => console.log(json));
  }
// this doesn't work

test() {
this
          .getVehicleResultsService
          .getVehicles()
          .subscribe(
            vehicles => {
              this.vehicles = vehicles.response.docs;
              this.facets = vehicles.facet_counts.vcj_facet_fields;
          });

      }