Skip to main content

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.

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

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>

 

Gracias por su Colaboración.

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

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>

Gracias por su Colaboración.

Origen Enlace

Fullcalendar v4 ajax Laravel 5.8

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

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>

Gracias por su Colaboración.