Gatsby 在AniLink上使用淡入淡出道具不会渲染动画

我正试图在我的盖茨比网站上设置动画。我可以使用AniLink让所有默认动画正常工作——除了我想使用的动画！刷、盖和滴水都是100%功能性的，但当我插入“淡入淡出”时，它就不起作用了

使用盖茨比2.4.17

我试图安装盖茨比插件布局，看看这是否有助于动画。我最终无法让布局插件正常工作。我又回到了先前的承诺，几个小时后我不知所措。我克隆了一个使用AniLink fade的工作示例repo，它可以正常工作，所以我想我的项目可能有问题。奇怪的是，所有其他默认动画都可以正常工作

标题代码：

从“盖茨比插件转换链接/AniLink”导入AniLink；

盖茨比配置插件代码：

插件：[
“盖茨比插件转换链接”，
“盖茨比头盔”，
{
决议：“盖茨比资源满足”，
选项：{
spaceId:process.env.CONTENTFUL\u SPACE\u ID，
accessToken:process.env.CONTENTFUL\u访问\u标记
}
},
“盖茨比·萨斯”，
{
解析：“盖茨比源文件系统”，
选项：{
名称：“src”，
路径：`${uuuu dirname}/src/`
}
},
“盖茨比·夏普”，
{
决议：“盖茨比变压器评论”，
选项：{
插件：[
“盖茨比评论相关图像”，
{
决议：“盖茨比评论图片”，
选项：{
最大宽度：750，
linkImagesToOriginal:错误
}
}
]

我原以为AniLink会像滑动、覆盖和彩滴一样为我的链接添加淡入淡出过渡

实际结果是：

---

控制台和AniLink指向的新页面中没有错误消息（to=“/”）正确加载，但没有动画。似乎它实际上可以在一些随机测试中断开链接。如果你来回点击太快，它会呈现一个空页面。这就是为什么我最初认为我需要盖茨比插件布局。但一旦我无法使其正常工作…我就迷路了。

你能让它工作吗？我想实际上，我也有你上面描述的问题。我从来没有这样做过。我怀疑我的css中有什么东西“坏了”它…意思是-我可以看到一个轻微的快速褪色，但它不是平滑的，似乎有故障。回想起来，我认为它与我的其他动画冲突。我最终使用了js和css的混合来进行页面转换。祝你好运！哦，那可能是。我正在使用Bootstrap记录。可能有冲突或其他什么。谢谢你的支持回应！