FullCalendar Scheduler timeline not working in rails view (rails 5.2)

Question

This is my code in file home.html.erb. These are the assets I am using, when I run this as a simple HTML file, it shows fine, but when I pass it to Ruby on Rails html.erb file, only the timeline views are not showing the events.

This is the example in pure HTML:

This is the example in rails html.erb:

<%= stylesheet_link_tag('fullcalendar/packages/core/main.min.css') %>
<%= stylesheet_link_tag('fullcalendar/packages/timeline/main.min.css') %>
<%= stylesheet_link_tag('fullcalendar/packages/resource-timeline/main.min.css') %>
<%= stylesheet_link_tag('fullcalendar/packages/bootstrap/main.min.css') %>

<%= javascript_include_tag('fullcalendar/packages/core/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/core/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/interaction/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/resource-timeline/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/resource-common/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/daygrid/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/timegrid/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/timeline/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/resource-daygrid/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/resource-timegrid/main.min.js') %>
<%= javascript_include_tag('fullcalendar/packages/bootstrap/main.min.js') %>

<script>
   document.addEventListener('DOMContentLoaded', function() {
   var calendarEl = document.getElementById('calendar');
   var calendar = new FullCalendar.Calendar(calendarEl, { 
      schedulerLicenseKey: 'XXX-XX-XXX-XXX-XXX',
   plugins: [ 'interaction', 'resourceTimeline', 'resourceDayGrid','resourceTimeGrid', 'bootstrap' ],  

  header: {
    left: 'today prev,next',
    center: 'title',
    right: 'resourceTimelineDay, resourceTimelineTenDay, resourceTimelineMonth, dayGridMonth '
  },
  aspectRatio: 1.5,
  defaultView: 'resourceTimelineDay',
  editable: true,
  selectable: true,

  resources: [
    { id: 'a', servicio: 'BR', title: 'GCV' },
    { id: 'b', servicio: 'BR', title: 'ABC' }

  ],

events are referenced to resources

  events: [
  {
      title: 'CINEPOLIS',
      start: '2019-03-21',
      resourceId: 'a',
      color: 'green'
    },
    {
      title: 'OPERADORA ZIBATA',
      start: '2019-03-21',
      end: '2019-03-10',
      resourceId: 'a'
    },
    {
      title: 'FLEX N GATE',
      start: '2019-03-21T16:00:00',
      end: '2019-03-23T16:00:00',
      resourceId: 'b'
    },
  ]
});

calendar.render();
});

</script>

</head>

The calendar looks fine, but doest show events when I see the options 'resourceTimelineDay, resourceTimelineTenDay, resourceTimelineMonth,....

Any hint you can help me.

Answer 1

Problem solved. The problem was the license key.