Estoy tratando de usar la biblioteca fullcalenar a través destimuljs para mostrar el calendario en una aplicación de rieles, sin un paquete web. Para empezar solo quiero mostrar el calendario, sin complejidad, como en la documentación, y el controlador que estoy tratando de hacer se ve así:
import FullCalendar from 'https://cdn.jsdelivr.net/npm/@fullcalendar/core@5.10.0/main.global.min.js' export default class extends Controller { static targets = ["calendar"] connect() { this.init() } init() { this.calendar = new FullCalendar.Calendar(this.calendarTarget, { initialView: 'dayGridMonth', }) this.calendar.render() } } <link href="https://cdn.jsdelivr.net/npm/fullcalendar@5.10.0/main.min.css" rel="stylesheet" /> <div data-controller="fullcalendar"> <div data-target="calendar"></div> </div>el error que tira y que no entiendo es el siguiente:
Failed to autoload controller: fullcalendar SyntaxError: The requested module 'blob:http://localhost:3000/1c3e6673-aecc-4144-b5d6-471fb03b5e0f' does not provide an export named 'default'
FullCalendar tiene dos métodos principales de instalación. Está utilizando el de esta página de documentación , que no exporta módulos ES6. Es más como la forma antigua (anterior a Gulp/Webpack) de importar variables globales.
Si desea import dentro de sus controladores Stimulus, deberá usar Webpack o algo así como importmaps, tal como dice la otra página de instalación de FullCalendar .
Si quieres algo básico, te recomiendo importmaps ( https://github.com/rails/importmap-rails ). Requiere muy poca configuración en comparación con Webpack y permitirá lo que está tratando de hacer.