importmap raises "SyntaxError: Unexpected identifier" with interact.js

Question

I'm trying to import interact.js with an importmap, but I get the error:

Uncaught SyntaxError: Unexpected identifier 'interactjs'.

My importmap:

<script type="importmap">
    {
        "imports": {
            "interactjs": "https://cdn.interactjs.io/v1.9.20/interactjs/index.js"
        }
    }
</script>

My JavaScript code:

<script type="module">
    import interact from interactjs;

    interact('.item').draggable({
        onmove(event) {
            console.log(event.pageX, event.pageY)
        },
    })
</script>

A normal script src include works without issue.

<script src="https://cdn.jsdelivr.net/npm/interactjs/dist/interact.min.js"></script>

Any ideas?

Stephen Ostermiller · Accepted Answer · 2024-08-20 00:03:40Z

0

James provided the correct solution to the issue in a comment:

The examples here have quotes around the from target. eg import thing from 'here'

edited Aug 20, 2024 at 0:03

Stephen Ostermiller♦

25.8k18 gold badges96 silver badges117 bronze badges

answered Aug 19, 2024 at 16:27

CarlBateman

1671 silver badge12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

importmap raises "SyntaxError: Unexpected identifier" with interact.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related