Как инициализировать fullCalendar 4 с помощью ES6 Build System с помощью parcel-bundler? - PullRequest
Новая
       3

Как инициализировать fullCalendar 4 с помощью ES6 Build System с помощью parcel-bundler?

0 голосов
/ 12 октября 2019

Это то, что я сделал

У меня глобально установлен пакетный пакет: 

npm install -g parcel-bundler

Я создал файл package.json в своем каталоге: 

npm init

Я добавил зависимости для разработки: 

npm install --save-dev parcel-bundler

Затем я создаю точки входа index.js и index.html файлы соответственно: 

import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new Calendar(calendarEl, {
    plugins: [ dayGridPlugin ]
  });
  console.log('Rendering...');
  calendar.render();
});

. 

 <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
        <title></title>
        <style media="screen">
          #calendar {
            width: 100%;
            height: 500px;
          }
        </style>
      </head>
      <body>
        <div id="calendar">

        </div>
      </body>
    </html>

Это моя структура файла:

enter image description here

Затем я запускаю упаковщик: 

parcel index.html

Но календарь неrender: enter image description here

Как правильно отобразить календарь? Сообщения об ошибках не регистрируются.

...