javascript - 如何读取 js-year-calendar 库(无法读取 null 的属性 'classList')

Question

关于下面的文档，我设置了js-year-calendar。

https://github.com/year-calendar/js-year-calendar

通过阅读这样的文件，我试图阅读一些文件

 <script src="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.css" />

但我遇到了如下问题。我该如何解决？如果您有任何想法，请告诉我。

js-year-calendar.min.js:1 Uncaught TypeError: Cannot read property 'classList' of null
    at new D (js-year-calendar.min.js:1)

错误点如下(来自js-year-calendar.js)

this.element.classList.add('calendar');

Answer 1

将 CSS 文件放在 JavaScript 文件之前。如果它仍然不起作用，请添加具有如下类的数据属性。

<div class='calendar' data-provide="calendar"></div>

运行片段以查看工作演示。

new Calendar('.calendar');

<link rel="stylesheet" type="text/css" href="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.css" />
<script src="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.js"></script>

<div class='calendar'></div>