importing jkanban/dist/jkanban.min.js file throws an error

[Javier1995]

I am using vuejs3 and vite 4

My code is:

<script>
import("jkanban/dist/jkanban.min.js");
import("jkanban/dist/jkanban.min.css");

export default {
  name: "Kanban",
  mounted() {
    const bootstrap = this.$store.state.bootstrap;

    (function () {
      if (document.getElementById("myKanban")) {
        var KanbanTest = new jKanban({
          element: "#myKanban",
          gutter: "10px",
.........

[marcosrocha85]

Unfortunately, jKanban doesn't support ESM modules. Have you tried import * as jKanban from "jkanban/dist/jkanban.min.js"?

[Javier1995]

Thanks! I will give it a shot. It was working fine using vue cli but migrated it to vite

[marcosrocha85]

@riktar can you close this issue?

[tdeuling]

I've exacly the same issue by using the current master.
I try to import with import * as jKanban from "jkanban"; but it throws the error:

Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'jKanban')
    at jkanban.js?bust=1704019215:14:16
    at 1.dragula (jkanban.js?bust=1704019215:609:3)
    at o (jkanban.js?bust=1704019215:1:265)
    at r (jkanban.js?bust=1704019215:1:431)
    at jkanban.js?bust=1704019215:1:460

@Javier1995 how did you solve this issue!?