尝试加载Bound.js时出现模块错误

Question

因此，我正在尝试将Bound.js用于惰性图像，但是当我按照这些步骤操作时，出现错误“未捕获的SyntaxError：无法在模块外部使用import语句”。我将main.js文件导入index.html

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

并整理我拥有的main.js

import Bound from 'bounds.js'

const boundary = Bound({
    margins:{bottom:100}
});
const h2 = document.querySelector('h2');

boundary.watch(h2, ()=>{
    console.log('You Have Entered');
})

所以没有什么进展，但是我仍然遇到该错误，我不知道如何解决。