为什么我的HTTP请求会收到未定义的响应？

Question

我的问题是我的控制台出错：

  

错误类型错误：无法读取属性＆＃39; id＆＃39;未定义的

请求代码：

@Effect()
  bucketsFetch = this.actions$
    .ofType(BucketActions.FETCH_BUCKETS)
    .switchMap(() => {
      console.log('Sending GET request to Server');
      return this.httpClient
        .get<Bucket[]>('/storage/buckets', {
        observe: 'body',
        responseType: 'json'
        });
    })
   .map(
      (buckets) => {
        console.log('Received bucket:' + buckets[0].id);
        return {
          type: BucketActions.SET_BUCKETS,
          payload: buckets
        };
      }
    );

错误是在我尝试console.log我的回复的部分。 Bucket模型是正确的100％，它应该根据API描述返回一个Buckets数组，但我仍然会收到此错误。

我不知道为什么我从服务器获得空数组响应？一些假设是我以同步的方式做异步，但不是我的意识/知识。

有什么想法吗？