Ereignisse, die nicht mit PrimeNG Schedule angezeigt werden kann Eigenschaft scrollTop von null nicht lesen

Question

Ich versuche, PrimeNG Schedule-Komponente zu verwenden, um Kalenderereignisse für Benutzer anzuzeigen. Der Kalender zeigt an, aber wenn Fullcalendar versucht, die Ereignisse zu rendern, gibt es einen Fehler zurück:

Die Ereignisse sollten das richtige Format haben, da dieses Projekt nur aus einer angular1-Version refactoring ist, die Fullcalendar bereits verwendet. Im Folgenden habe ich die HTML, Konfigurationsoptionen und ein Mock der Ereignisse, die angezeigt werden sollen, enthalten.

template.html 

     <p-schedule id="calendar" class="calendar" [events]="calendar.sources" 
      [calendar]="myCalendar1" [height]="calendar.config.height" 
      [header]="calendar.config.header" [editable]="calendar.config.editable" 
      [weekends]="calendar.config.weekends" [eventLimit]="calendar.config.eventLimit" 
      (onDayClick)="calendar.config.dayClick" (onEventClick)="calendar.config.eventClick" 
      (onEventDrop)="calendar.config.eventDrop"> 
     </p-schedule> 

this.calendar.config = { 
    height: 900, 
    editable: true, 
    weekends: true, 
    eventLimit: true, 
    header: { 
    left: 'agendaDay,agendaWeek,month', 
    center: 'title', 
    right: 'today prev,next' 
    }, 
    dayClick: this.dayClick, 
    eventClick: this.eventClick, 
    eventDrop: this.stopDrag 
} 

Es stellt sich heraus, dass, egal welche Optionen ich schließen, fullcalendar immer den gleichen Fehler gibt. Ich habe sogar versucht, die Zeitplanvorlage ohne Optionen zu laden und hatte immer noch den gleichen Fehler. Dies scheint darauf hinzuweisen, dass etwas über die Art und Weise, wie ich Schedule und Fullcalendar einplante, nicht korrekt ist. Ich habe primeng und Moment durch npm install --save eingeschlossen, dann schließe ich fullcalendar durch html cdns ein. Ich folgte den Implementierungsänderungen, die here gezeigt werden, um Zeitplan zu erhalten und zu laufen. Ich habe dann Schedule als Provider und eine Direktive zu meiner aktuellen Komponente hinzugefügt. Schedule ist auch in meinem Klassenkonstruktor enthalten, so dass ich es in den Methoden meiner Komponente referenzieren kann.

Answer 1

Es stellt sich heraus, dass die Aktualisierungen von JQuery 3.0.0 nicht mit Fullcalendar kompatibel sind. Wenn Sie JQuery wieder auf 2.2.4 zurücksetzen, funktioniert alles ordnungsgemäß.

Answer 2

Ich hatte das gleiche Problem mit Vollkalender und Isahiro Antwort war die Lösung. Ich wollte nur hinzufügen, dass meins passiert, weil ein Abhängigkeitskonflikt mit Bower jquery zu 3.x auf mich aktualisiert. Sie können bower zwingen, eine 2.x-Version zu verwenden, indem Sie bower.json Folgendes hinzufügen.

"resolutions": { 
    "jquery": "~2.1.4" 
}