尝试从 fullcalendar 文档中获取 eventRender 中显示的工具提示

Question

我正在开发一个完整的日历概览界面使用：服务器上的 Flask-python 和客户端上的 html jinja2 js。

现在我正在尝试使用 tooltip.js 在悬停或单击时创建工具提示。

我有一个错误促使我进入 popper.js 索引。

这是我的基本 js：

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

    var calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: ['dayGrid'],
            defaultView: 'dayGridMonth',

            eventRender: function(info) {
             var tooltip = new Tooltip(info.el, {
                    title: "info.event.extendedProps.description",
                    placement: 'top',
                    trigger: 'hover',
                    container: 'body'
                  });
        },
        events: {{hour}}           

    });

    calendar.render();

  });

据我所知，如果我将鼠标悬停在工具提示 div 上，则会调用 le eventRender，但我收到此错误：

Uncaught TypeError: a is not a constructor
at g.value (index.js:246)
at index.js:381

引用了这个：

this.popperInstance = new Popper(
  reference,
  tooltipNode,
  this._popperOptions
);

Answer 1

我的问题是 boostrap 和 popper js 之间的导入冲突，为了解决它，我更改了我正在使用的框架，以避免出现问题，因为我无法使用 boostrap js （我认为 boostrap 有自己的工具提示和 popper 函数，这可能是问题所在）

Answer 2

以防其他人遇到此问题——如果您没有使用 Bootstrap，这可能是由于您加载 Popper 和工具提示的顺序所致。

Popper.js是Tooltip.js的依赖，所以必须在Tooltip.js之前加载。 a is not a constructor因为a是undefined，而且看源码的话，a代表Popper。

尝试从 fullcalendar 文档中获取 eventRender 中显示的工具提示

Trying to get a tooltip shown in eventRender from the fullcalendar documentation

javascript

tooltip

fullcalendar

popper.js