我正在尝试在我的网站上实现Barba JS和GSAP 。React
作为参考，我已经按照这个视频教程here，这个教程当然不在React。
这是我的文件夹结构，展示了此过渡效果的所有相关文件：
theme
public
index.html
src
components
Header
Header.js
pages
Homepage
Contact
utils
anim.js
helpers.js
App.js
index.js我安装了以下软件包：
- gsap - 版本
3.8.0 - @barba/core - 版本
2.9.7
当前结果
没有控制台错误，也没有编译错误。
切换页面时，没有过渡。几乎感觉就像
barba没有启动。
演示：
由于演示涉及一些文件，我在这里创建了一个代码框。
编辑：
更新了我的barba转换代码并添加了debug: true. 然后，将鼠标悬停在我的联系页面按钮上时，控制台显示错误：[@barba/core] Error: Fetch error at XMLHttpRequest.o.onerror？
import { pageTransition } from "./helpers";
import barba from '@barba/core';
export function delay(n) {
n = n || 2000;
return new Promise((done) => {
setTimeout(() => {
done();
}, n);
});
}
barba.init({
debug: true,
sync: true,
transitions: [
{
async leave(data){
const done = this.async();
pageTransition();
await delay(1000);
done();
}
}
]
});