我收到 ERROR TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) 错误答案

【问题标题】：I am getting ERROR TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) error我收到 ERROR TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) 错误
【发布时间】：2019-08-19 16:48:04
【问题描述】：

在运行应用程序时，我在前端使用 angular 8，在后端使用 java spring boot，但出现此错误。我是 Angular 的新手，我猜这个错误是由于后端的响应体造成的，但我无法解决它。

我尝试了其他答案，但似乎没有任何效果。

auth.service.ts

// Method from server should return QueryResultsModel(items: any[], totalsCount: number)
    // items => filtered/sorted result
    findUsers(queryParams: QueryParamsModel): Observable<QueryResultsModel> {
        const httpHeaders = new HttpHeaders();
        httpHeaders.set('Content-Type', 'application/json');
        return this.http.post<QueryResultsModel>(API_USERS_URL + '/use' + '/findUsers', queryParams, { headers: httpHeaders});
    }

Web服务java spring boot

// Get All User
@PostMapping(value = "/user/use/findUsers")
public ResponseEntity<List<User>> getAllUserFind() {
    try {
        return new ResponseEntity<>((List<User>)userService.getAllUser(), HttpStatus.OK);
    } catch (Exception e) {
        return new ResponseEntity<>(null, HttpStatus.INTERNAL_SERVER_ERROR);
    }
}

【问题讨论】：

错误是什么？
你是如何在服务器中读取queryParams 的？您的 getAllUserFind 独立于客户端发送的参数获取所有用户

标签： java angular spring-boot angular8

【解决方案1】：

您需要通过在可观察的分辨率中优雅地捕捉错误来找出错误的确切原因。使用

return this.http.post<QueryResultsModel>(API_USERS_URL + '/use' + '/findUsers', queryParams, { headers: httpHeaders})
.pipe(catchError(error)=>{
    console.log(error);
    return of(null);
});

这将在您的控制台上打印出确切的错误。记得导入 Rx Operators。

import { of } from 'rxjs';
import { catchError } from 'rxjs/operators';

【讨论】：

【解决方案2】：

Metronic 主题？

这是一个了不起的模板。

QueryResultsModel 是一个模型

// fields
items: any[]; <---- This is where you should iterate 
importedCount?: number;
activeCount?: number;
totalCount: number;
errorMessage: string;

祝你好运！

【讨论】：