FullCalenda.zipの使い方。

Question

初めまして。
rails初心者です。

rails上でFullCalendarを使いたいと思い、ダウンロードしたが使い方が分からないので教えてください。

https://fullcalendar.io/docs/intro

こちらがダウンロードしたサイトです。

表示させるビューのhead部分に下記の記載をしていますが、検証ツールでみてみると

GET http://localhost:3000/packages/daygrid/main.css net::ERR_ABORTED 404 (Not Found)

のエラーが出てきて意図するカレンダーの表示になりません。

よろしくお願いいたします。

%head
  %link{:href => "packages/core/main.css", :rel => "stylesheet"}/
  %script{:src => "packages/list/main.js"}
  %link{:href => "packages/daygrid/main.css", :rel => "stylesheet"}/
  %link{:href => "packages/timegrid/main.css", :rel => "stylesheet"}/
  %link{:href => "packages/list/main.css", :rel => "stylesheet"}/
  %script{:src => "packages/core/main.js"}
  %script{:src => "packages/interaction/main.js"}
  %script{:src => "packages/daygrid/main.js"}
  %script{:src => "packages/timegrid/main.js"}
  :javascript
    document.addEventListener('DOMContentLoaded', function() {
      var calendarEl = document.getElementById('calendar');

      var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: [ 'dayGrid', 'timeGrid', 'list', 'interaction' ],
        header: {
          left: 'prev,next today',
          center: 'title',
          right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
        },
        defaultDate: '2020-05-16',
        navLinks: true, // can click day/week names to navigate views
        editable: true,
        eventLimit: true, // allow "more" link when too many events
        events: [
          {
            title: 'All Day Event',
            start: '2019-08-01',
          },
          {
            title: 'Long Event',
            start: '2019-08-07',
            end: '2019-08-10'
          },
          {
            groupId: 999,
            title: 'Repeating Event',
            start: '2019-08-09T16:00:00'
          },
          {
            groupId: 999,
            title: 'Repeating Event',
            start: '2019-08-16T16:00:00'
          },
          {
            title: 'Conference',
            start: '2019-08-11',
            end: '2019-08-13'
          },
          {
            title: 'Meeting',
            start: '2019-08-12T10:30:00',
            end: '2019-08-12T12:30:00'
          },
          {
            title: 'Lunch',
            start: '2019-08-12T12:00:00'
          },
          {
            title: 'Meeting',
            start: '2019-08-12T14:30:00'
          },
          {
            title: 'Happy Hour',
            start: '2019-08-12T17:30:00'
          },
          {
            title: 'Dinner',
            start: '2019-08-12T20:00:00'
          },
          {
            title: 'Birthday Party',
            start: '2019-08-13T07:00:00'
          },
          {
            title: 'Click for Google',
            url: 'http://google.com/',
            start: '2019-08-28'
          }
        ]
      });

      calendar.render();
    });

作成中のアプリのフォルダにFullCalenda.zipから取得したpackagesフォルダを追加しています