Я пытаюсь реализовать FullCalendar Scheduler в Angular 2, и я выполнил следующие шаги:
Установил необходимую зависимость, как показано ниже:
"dependencies": {
"fullcalendar": "^3.8.0",
"fullcalendar-scheduler": "^1.9.1",
"jquery": "^3.2.1",
"moment": "^2.20.1"
},
"devDependencies": {
"@types/jquery": "^2.0.47"
}
Обновлен angular-cli.json
, как показано ниже -
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"../node_modules/fullcalendar/dist/fullcalendar.min.css",
"../node_modules/fullcalendar-scheduler/dist/scheduler.min.css",
"../node_modules/primeng/resources/primeng.min.css",
"../node_modules/primeng/resources/themes/omega/theme.css",
"../node_modules/font-awesome/css/font-awesome.min.css"
],
"scripts": ["../node_modules/jquery/dist/jquery.js",
"../node_modules/moment/min/moment.min.js",
"../node_modules/fullcalendar/dist/fullcalendar.js",
"../node_modules/fullcalendar-scheduler/dist/scheduler.min.js"
],
Я импортировал зависимости в main.ts
и module.ts
-
main.ts -
import * as jQuery from "jquery";
(window as any).$ = (window as any).jQuery = jQuery;
app.component.html —
<div id='calendar'></div>
app.component.ts
import { Component } from '@angular/core';
import 'fullcalendar';
import 'fullcalendar-scheduler';
declare let $: any;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
ngOnInit() {
$('#calendar').fullCalendar({});
}
}
Я решил проблему @type/jquery, как указано в ошибке jQuery, однако я не могу скомпилировать код, который он дает ниже, упомянутая ошибка -
ERROR in /Users/jeet/Documents/Development/frontend/node_modules/fullcalendar/dist/fullcalendar.d.ts (347,6): Type 'string' is not assignable to type 'EmitterInterface[]'.
ERROR in /Users/jeet/Documents/Development/frontend/node_modules/fullcalendar/dist/fullcalendar.d.ts (124,27): ']' expected.
ERROR in /Users/jeet/Documents/Development/frontend/node_modules/fullcalendar/dist/fullcalendar.d.ts (125,28): ']' expected.
ERROR in /Users/jeet/Documents/Development/frontend/node_modules/fullcalendar/dist/fullcalendar.d.ts (125,33): ';' expected.
ERROR in /Users/jeet/Documents/Development/frontend/node_modules/fullcalendar/dist/fullcalendar.d.ts (126,28): ']' expected.
ERROR in /Users/jeet/Documents/Development/frontend/node_modules/fullcalendar/dist/fullcalendar.d.ts (126,33): ';' expected.
Полную версию ошибки вы найдете здесь. Я уже просмотрел приведенные ниже темы и ресурсы, и они, похоже, не решают проблему -
https://github.com/fullcalendar/fullcalendar/issues/3991 fullcalendar и Angular 5
Я прошу вашей помощи относительно того же.
jQuery
не является объявленной переменной, как иcontainerEl
. - person Jeet   schedule 02.03.2018