Rails 7完整日历图5

Question

我需要帮助处理以下代码：

Rails 7.0.3

view.html.erb

<div id="calendar"></div>

importmap.rb

pin "fullcalendar", to: "https://ga.jspm.io/npm:fullcalendar@5.11.0/main.js"

javascript/application.js

import "fullcalendar"

javascript/controllers/fullcalendar_controller.js

import { Controller } from "@hotwired/stimulus"
import FullCalendar from 'fullcalendar'

export default class extends Controller {
  connect() {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
      initialView: 'dayGridMonth'
    });
    calendar.render();
  }
}

布局/应用程序。

<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= javascript_importmap_tags %>

输出..。:(

注册控制器失败:完整日历(controllers/fullcalendar_controller)

ReferenceError:导出没有在main.js上定义？sm:20877:37*

如能提供任何帮助，将不胜感激。

Answer 1

问题在于日历js文件，您可以将完整的日历js文件下载到本地项目./bin/importmap pin fullcalendar --download中，然后可以看到供应商目录vendors/javascript/fullcalendar.js下的fullcalendar.js文件，然后用full_calendar源代码https://cdn.jsdelivr.net/npm/fullcalendar-scheduler@5.11.2/main.js替换js文件内容，最后将导出行添加到fullcalendar.js文件export default FullCalendar;的末尾。希望它能对你的问题有所帮助。