No puedo utilizar FullCalendar v4. En consola aparece el siguiente mensaje plugin file not loaded for interaction plugin file not loaded for dayGrid Uncaught Error: No available FullCalendar view plugins.
Hice el siguiente proceso:
instale los paquetes con npm.
npm install --save @fullcalendar/core @fullcalendar/interaction @fullcalendar/daygrid
npm install --save @fullcalendar/core @fullcalendar/interaction @fullcalendar/daygrid
luego compile los archivos.
npm run watch
Asset Size Chunks Chunk Names /css/app.css 729 KiB /js/app [emitted] /js/app /js/app.js 2.99 MiB /js/app [emitted] /js/app
window.FullCalendar = require('@fullcalendar/core');
window.interaction = require('@fullcalendar/interaction');
window.dayGrid = require('@fullcalendar/daygrid');
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'interaction', 'dayGrid' ],
});
calendar.render();
});
<div class="text-center" id='calendar'></div>
npm run watch
Asset Size Chunks Chunk Names
/css/app.css 729 KiB /js/app [emitted] /js/app
/js/app.js 2.99 MiB /js/app [emitted] /js/app
window.FullCalendar = require('@fullcalendar/core');
window.interaction = require('@fullcalendar/interaction');
window.dayGrid = require('@fullcalendar/daygrid');
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'interaction', 'dayGrid' ],
});
calendar.render();
});
<div class="text-center" id='calendar'></div>
Gracias por su Colaboración.