如何修复 locomotive.js 未捕获的引用错误？

如何解决如何修复 locomotive.js 未捕获的引用错误？

我想在我的项目中使用 locomotive.js 并已将其安装在 vscode 上（npm install locomotive-scroll），甚至还遵循了本教程：

https://www.youtube.com/watch?v=zrM6N-G6U_M&list=PLNf1MNtmy_vyQkFjuNqxKpQT0U_rbC_y8&index=19

我的问题是我收到一条错误消息：

未捕获的语法错误：不能在模块外使用导入语句

我不知道该怎么办。我对编译器之类的东西做了一些研究，但我认为教程中没有提到任何这些。字面意思是：安装、复制、粘贴，一切顺利。

脚本如下：

import LocomotiveScroll from 'locomotive-scroll';

const scroll = new LocomotiveScroll({
    el: document.querySelector('[data-scroll-container]'),smooth: true
});

并将其链接到我的 html：

<script src="index.js"></script>

任何帮助或想法将不胜感激。