无法在 FullCalendar 中拖动事件

Posted 2023-02-19

【中文标题】无法在 FullCalendar 中拖动事件

【英文标题】：Unable to drag events in FullCalendar

【发布时间】：2022-01-13 13:36:03

【问题描述】：

我有一个使用 React 和由 webpack 构建的 Resource-Timeline 的 FullCalendar 应用程序。我遇到了两个可能相关的奇怪问题。

我无法拖动事件。这只发生在我当前的项目中，当我编写完全相同的代码时，一切都按预期工作。 插件的顺序似乎会影响功能。如果我使用 plugins=[resourceTimelinePlugin, interactionPlugin] 创建日历，则交互插件根本不起作用，但如果我首先加载它，除了拖动之外的所有内容都可以。 plugins=[interactionPlugin, resourceTimelinePlugin] 这没什么大不了的，但可能与拖动不起作用的情况有关。

我不知道是构建系统的问题还是其他兼容性问题。我花了几天时间试图弄清楚，但我没有任何运气。我希望有人可以就如何解决此问题提供建议。

【问题讨论】：

第 1 步..您的控制台中是否有任何错误？附言如果您需要更多帮助，请在您的问题中向我们提供您的问题的minimal reproducible example。

感谢您的回复。控制台没有错误。我很想提供一个可重现的例子，但我不能。这个问题只发生在我当前的项目中。我创建了一个新项目和一个 codepen，但无法重现它。我不知道如何解决它，可能只需要想办法解决它。 :-(

我应该补充一点，我炸毁了整个 node_modules 目录并运行了 npm install ，但没有任何运气。我也更新了所有模块。我怀疑这个问题可能与当前项目中的 javascript 或 css 有关，所以我将在下一次测试中尝试消除它。

也许用 fullCalendar 的东西开始一个新项目，检查它是否有效，然后逐渐添加其他东西，直到再次出现问题。

请提供足够的代码，以便其他人更好地理解或重现问题。

【参考方案1】：

如果其他人遇到此问题，这可能会有所帮助。

FullCalendar 使用 tslib 作为依赖项。如果您在 package.json 文件中设置了“npm-force-resolutions”来安装 FullCalendar，并且您还没有 tslib，那么 FullCalendar 拉下 tslib 副本的方式会产生问题。以下步骤更正了该问题：

从 node_modules 文件夹中删除 @fullcalendar 安装 tslib (npm install tslib) 安装@fullcalendar

这是一个奇怪的问题，所以我可能是唯一一个遇到过它的人。我最终使用webpack visualizer 来解决问题。它在显示依赖链方面做得很好。