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

Question

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

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

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

未捕获的语法错误：无法在模块外使用 import 语句

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

这是脚本：

import LocomotiveScroll from 'locomotive-scroll';

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

并将其链接到我的html：

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

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