Skip to content

Can't import bulmaCalendar in a Django project #327

@DMunkei

Description

@DMunkei

Is this something you can debug and fix? Send a pull request! Bug fixes and documentation fixes are welcome.

  • [ x] Are you running the latest version?
  • [x ] Are you reporting to the correct repository?

Bug Report

Environment

  • Extension version(s): [e.g. v1.0.0, ...]
  • Bulma version: [e.g. v7.1 / v7.2]
  • OS: Linux Manjaro
  • Browser: Firefox | Chromium
  • How you are customizing the extension: no

Current Behavior
Trying to import the sample code from the Quick start section. Fails with the following error messages.

  • Firefox Uncaught SyntaxError: ambiguous indirect export: bulmaCalendar
  • Chrome Uncaught SyntaxError: The requested module './bulma-calendar.min.js' does not provide an export named 'bulmaCalendar

Input Code

import { bulmaCalendar} from "./bulma-calendar.min.js";

$(document).ready(function() {

  // Initialize the picker with the ID of the input field
  const datePicker = bulmaCalendar.attach('#date-picker', {
      type: 'date',
      dateFormat: 'DD-MM-YYYY',
      displayMode: 'inline',
  });

  // Add an event listener to the picker to get the selected date
  datePicker.on('select', date => {
      console.log(date);
  });

});

Additional context/Screenshots
I'm trying to import this into a Django 4.1.5 project, that's already using bulma.io. I cloned the repo and copied the contents of bulma-calendar/dist/js bulma-calendar/dist/css into my static/js static/css folders in my Django project.

Here are the import statements for both bulma.io and bulma-calendar in Djangos template engine

      <link rel="stylesheet" href="{% static 'css/bulma.min.css' %}">
      <link rel="stylesheet" href="{% static "css/bulma-calendar.css" %}">
      <script src="{% static 'js/bulma-calendar.js' %}"></script>

      <script type="module" src="{% static 'js/calendar.js' %}"></script> <------- File I'm trying to import the contents in.

Steps to reproduce

  1. Clone repository using HTTPS
  2. Copy content of bulma-calendar/dist/js bulma-calendar/dist/css to the static folder in a Django project
  3. Bind the files in the base layout folder in Django
  4. Try to execute sample code

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions