角5- 'json在类型对象上不存在‘
我正在遵循一个简单的指南，并根据我的需要对它进行了轻微的修改--但我终于遇到了mapping和subscribing方面的一个障碍
https://www.sitepoint.com/mean-stack-angular-2-angular-cli/ -这是指南，一切都在工作，直到我去构建应用程序后，构建出来的List Service。
由于角度5，我做了一些修改，比如用HttpClient代替，但没有什么特别之处。
我目前的问题涉及以下两项职能：
public getAllTasks():Observable<Task[]> {
let URI = `${this.serverApi}/tasks/`;
return this.http.get(URI)
.map(res => res.json())
.map(res => <Task[]>res.tasks);
}
public deleteTask(taskId : string){
let URI = `${this.serverApi}/tasks/${taskId}`;
let headers = new HttpHeaders;
headers.append('Content-Type', 'application/json');
return this.http.delete(URI, {headers})
.map(res => res.json());
}连我的IDE都告诉我
.map(res => res.json())在这两种功能中都不能工作，例如：Property 'json' does not exist on type 'Object'.
我搜索了一下，发现了一些老的帖子，有一些建议，比如修改为
.map((res: Response) => res.json())但这也给了我一个类似的错误
A function whose declared type is neither 'void' nor 'any' must return a value.我的模型是：
export interface Task {
_id?: string;
title: string;
description: string;
category: string;
}最初，这是一个类，但我按照建议将它修改为一个接口。我不确定这是否相关。
不确定它是否是相对的，但它的组成部分是：
ngOnInit() {
this.loadTasks();
}
public loadTasks() {
this.taskServ.getAllTasks().subscribe(
response => this.tasks = response,
)
}我认为这是我对map的工作方式或预期的混淆。如有任何意见，将不胜感激。
更新
Angular - res.json() is not a function
正如在这篇文章中提到的，HttpClient似乎本机返回JSON中的res，因此实际上删除这些行删除了错误。我将张贴我的完整解决方案，一旦我已经证明了。
回答 5
Stack Overflow用户
发布于 2017-11-30 02:47:54
我的回答是，映射的反应有点不同。
public getAllTasks():Observable<Task[]> {
let URI = `${this.serverApi}/tasks/`;
return this.http.get<{tasks: Task[]}>(URI)
.map(res => res.tasks)
}通过将其映射为HTTPClient标准，它解决了将object Object返回到组件的问题。
我的部件保持不变
public loadTasks() {
this.taskServ.getAllTasks().subscribe(
response => this.tasks = response,
);
}Stack Overflow用户
发布于 2017-11-30 02:22:05
使用HttpClient，您不需要map(res => res.json())，您可以从json获得数据，如下所示：
public getAllTasks():Observable<Task[]> {
let URI = `${this.serverApi}/tasks/`;
return this.http.get<Task[]>(URI);
}请参阅https://angular.io/guide/http
在您正在调用服务的组件中，可以订阅异步数据：
export class TestComponent implements OnInit {
tasks: Task[];
constructor(private taskService: MyTaskService) {
}
ngOnInit(): void {
this.taskService.getAllTasks().subscribe((data: Task[]) => {
this.tasks = data;
});
}
//other methods
}在列出任务的HTML中，应使用可选的链接运算符{{ tasks?.length }，以避免浏览器控制台中可能出现的错误。
Stack Overflow用户
发布于 2018-04-22 12:51:44
使用此代码示例.map((res: Response) => res.json()) as .map(res => res.json())
https://stackoverflow.com/questions/47564687
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号