Angular 错误类型错误:无法读取属性';地图';未定义的
我犯了这个错误,真的不知道为什么。。 我正在尝试在日历上显示事件: 错误\u handler.ts:1错误类型错误:无法读取的属性“map” 未定义 在MapSubscriber.project(planning.component.ts:100) 在MapSubscriber._next(地图ts:75) 在MapSubscriber.Subscriber.next(Subscriber.ts:95) 在MapSubscriber._next(地图ts:80) 在MapSubscriber.Subscriber.next(Subscriber.ts:95) 在XMLHttpRequest.onLoad(xhr_backend.ts:99) 在ZoneDelegate.webpackJsonp.85.ZoneDelegate.invokeTask(zone mix.js:424) 在Object.onInvokeTask(ng_zone.ts:280) 在ZoneDelegate.webpackJsonp.85.ZoneDelegate.invokeTask(zone mix.js:423) 位于Zone.webpackJsonp.85.Zone.runTask(Zone mix.js:191) 组件技术Angular 错误类型错误:无法读取属性';地图';未定义的,angular,typescript,Angular,Typescript,我犯了这个错误,真的不知道为什么。。 我正在尝试在日历上显示事件: 错误\u handler.ts:1错误类型错误:无法读取的属性“map” 未定义 在MapSubscriber.project(planning.component.ts:100) 在MapSubscriber._next(地图ts:75) 在MapSubscriber.Subscriber.next(Subscriber.ts:95) 在MapSubscriber._next(地图ts:80) 在MapSubscriber.S
您必须导入贴图操作符:
导入'rxjs/add/operator/map'代码>我知道它很旧,但我找到了一种方法让它与Angular 5一起工作
以这种方式声明事件:
asyncEvents$: Observable<CalendarEvent[]>;
然后一切按预期进行
ng更新
ng update@angular/cli
ng更新@angular/core
卸下node\u模块
并运行npm安装
。它解决了我的问题在我的情况下,我不得不从typescript@3.x.x
至typescript@4.x.x
这个错误是怎么来的?我从angular@10
至angular@11
是的,已经完成了。感谢我在示例中添加的精确性。我仍然无法解决这个问题。我已经找到了一些可行的替代方案,但出于好奇,我想知道这个问题的原因。@mchev你找到解决方案了吗?我的问题我得到TypeError:res.map不是MapSubscriber.eval的函数
确保从'rxjs/operators/map'导入{map};是的,是进口的。我想了解更多细节
[
{
"id": 2,
"user_id": 1,
"planning_id": 1,
"start": "2017-09-03T22:00:00.000Z",
"end": "2017-09-06T12:33:46.271Z",
"title": "A 3 day event",
"created_at": "2017-09-05 16:39:47",
"updated_at": "2017-09-05 16:39:47"
},
{
"id": 3,
"user_id": 1,
"planning_id": 1,
"start": "2017-09-03T22:00:00.000Z",
"end": "2017-09-06T12:33:46.271Z",
"title": "A 3 day event",
"created_at": "2017-09-07 13:27:36",
"updated_at": "2017-09-07 13:27:36"
}
]
asyncEvents$: Observable<CalendarEvent[]>;
loadEvents() {
this.asyncEvents$ = this.http.get<DateEvent[]>(YOUR_URL)
.map(res => {
return res.map(event => {
return {
title: event.label,
start: new Date(event.startDate),
color: {primary: event.color, secondary: "#D1E8FF"},
meta: {
event
},
allDay: true
};
});
});
}