如何正确导入JS库

Question

我只编程了几个星期，有一个问题。我想学习一些框架并找到可拖动的js（来自Shopify.github.io），并想在本地进行尝试。但是，无论我如何尝试，都无法嵌入。我有一个HTML文件，在其中我只是通过cdm集成了所有内容，而在Javascript文件中，我只想移动一些Div元素，但是当我要导入可拖动对象时，总是会遇到以下错误：

SyntaxError: Unexpected token '{'. import call expects exactly one argument.

我的Js代码和HTML：

Import { Draggable } from '@shopify/draggable/src/Draggable/Draggable.js'

var elementToDrag = document.getElementById('elementToDrag');
draggable(elementToDrag);
...  



<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.6/lib/draggable.bundle.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/app.js" ></script>

如果我在Codepen上尝试它可以正常工作，但是我想在自己的开发环境中对其进行测试。感谢您的帮助