Javascript 为什么我的Swup转换页面没有'；不行？

我想用于我的页面转换，但在观看了以下youtube视频后：

-

我的代码与视频完全相同，但当我加载我的页面时它不起作用，我不明白为什么

谢谢你的帮助

const swup=new swup（）；
从“Swup”导入Swup
/*Swup动画*/
.过渡褪色{
不透明度：1；
过渡时间：500ms；
变换：平移（0）；
变换原点：左；
}
html.is-animating.transition淡入淡出{
不透明度：0；
转化：translateX（100%）；
}
html.is-leaving.transition淡入淡出{
不透明度：0；
变换：translateX（0）；
}

主页





这是主页
我也遇到了同样的问题，但几分钟后我发现，如果链接以/或#开头，Swup默认设置为执行转换。因此，您必须从以下位置编辑链接：

href="Index.html" 
href="pricing.html"
href="about.html"

致：

嗨，Yannick，欢迎来到SO。您的代码似乎正在发送错误。查看邮件，您将找到解决方案。谢谢，我之前没有看到您的邮件！有人找到解决办法了吗？
href="/Index.html" 
href="/pricing.html"
href="/about.html"