Question

这就是我所做的

我在全球范围内安装了包裹捆扎机：

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>

这是我得到的文件结构：

然后我启动捆绑器：

parcel index.html

但是日历不显示：

如何正确呈现日历？没有错误消息记录。

如何使用包裹捆绑器通过ES6 Build System初始化fullCalendar 4？

0 个答案: