Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 错误类型错误:无法读取属性';地图';未定义的_Angular_Typescript - Fatal编程技术网

Angular 错误类型错误:无法读取属性';地图';未定义的

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

我犯了这个错误,真的不知道为什么。。 我正在尝试在日历上显示事件:

错误\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)

组件技术


您必须导入贴图操作符:


导入'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
                };
            });
          });
      }