Javascript &引用；这是未定义的；在Rails/Webpacker环境中使用带FlatPicker的FullCalendar时出现类型错误

我有一个带有FullCalendar实例的页面（在日历上列出每天的订单）。当用户单击加载部分当天订单信息的日期时。在包含订单信息的部分菜单中，有一个链接弹出一个模式，其中包含每个订单的更多信息和选项。其中一个选项是“收据”制作工具，它使用“FlatPicker”库进行日期选择输入。当弹出窗口加载此收据部分（包括用于FlatPicker的js）时，它会中断FullCalendar的“dateclick”回调（链接不起作用）。在控制台中，我得到

等等

我得到了一个映射js文件的路由错误

源映射错误：错误：请求失败，状态为404 资源URL:空 源映射URL:datetimepicker-e769115066d0a3757f8e.js.Map

当我将flatpickr包装标签

从部分收据中移除时，一切正常。但是，当然，日期输入不再具有FlatPicker

此特定页面的完整日历实现为：

var calendar=新日历（calendarEl{
插件：[dayGridPlugin，interactionPlugin]，
地区：'ja'，
身高：450，
方面：1，
headerToolbar：{
左：“上一年，上一年，下一年，下一年”，
中心：''，
右图：“标题”
},
自定义按钮：{
},
是的，
事件：'/rakuten_orders.json'，
事件单击：函数（信息）{
$.ajax({
键入：“获取”，
url:'/fetch\u rakuten\u orders\u list/'+encodeURI（矩（info.event.start）.format（'YYYY-MM-DD'），
数据类型：“脚本”，
数据：info.event.start
});
},
日期点击：功能（信息）{
$.ajax({
键入：“获取”，
url:'/fetch\u rakuten\u orders\u list/'+encodeURI（矩（info.date）.format（'YYYY-MM-DD'），
数据类型：“脚本”，
数据：info.date
});
},
加载：函数（加载）{
如果（装载）{
$（calendarEl）.prepend（日历加载）；
}否则{
$（'.loading_overlay'）.remove（）
}
}
});
};

此

是构造函数或类的

新

实例，当您对其调用

新

时，它将成为一个对象，或者是一个对象文本（它是一个新实例）。在实例

的方法中，此
指的是它是其属性的对象。。。是的，这包括一个事件侦听器。
$.ajax（{
似乎是个问题，但我不确定是否有其他方法来实现它……或者引用该行的错误是因为包含的函数（如“info.date”变量）中的某个原因吗？我猜这里的对象被称为“info”按FullCalendar？这就是为什么我认为某些FlatPicker“date”对象和FullCalendar“dateclick”处理程序的这部分之间一定存在冲突。我的另一个想法是，可能在引导模式“close”事件触发时，我可以“update”（或删除并刷新）日历--我试过了，但似乎不起作用。
$.ajax（{似乎是个问题，但我不确定实现它的另一种方法。
…为什么不使用
fetch（）
？@ADyson以前从未使用过fetch（）（我是JS的新手）。在我看来，jquery没有使用fetch（））当加载部分时？所以我必须为我想用这种方法加载的每个部分设置vanilla js html替换脚本（或者设置某种模板来包含），当然肯定有一种更简单的方法。
Uncaught TypeError: this is undefined

fp_incr rakuten_orders line 5419 > injectedScript:2052
jQuery 4
dateClick fullcalendar.js:315