Javascript 我怎样才能让这个anime.js在盖茨比工作

Javascript 我怎样才能让这个anime.js在盖茨比工作,javascript,reactjs,jsx,gatsby,anime.js,Javascript,Reactjs,Jsx,Gatsby,Anime.js,如何使此代码在React/Gatsby中工作。当我去建造时,它失败了 window.addEventListener(“mousemove”,move) window.onload=()=>animejs({ 目标:“.cursor”, 不透明度:1 }); 将其包装在此条件内: if (typeof window !== "undefined"){ window.addEventListener("mousemove", move); wi

如何使此代码在React/Gatsby中工作。当我去建造时,它失败了

window.addEventListener(“mousemove”,move)

window.onload=()=>animejs({ 目标:“.cursor”, 不透明度:1
});

将其包装在此条件内:

if (typeof window !== "undefined"){
   window.addEventListener("mousemove", move);

   window.onload = () => animejs({ targets: ".cursor", opacity: 1 });

 }
你需要了解盖茨比才能知道发生了什么。总而言之,
gatsby develope
出现在浏览器端,这里有一个
gatsby build
发生在服务器上,显然没有
窗口(因为它甚至还没有定义),因此未经验证就使用
窗口的每一部分代码都将中断


将代码包装在前一个条件中会使代码正常工作。

以何种方式失败?有错误吗?你有没有检查过上面提到的React的anime.js包装?请提供一个可运行的?否则我们就只能猜测了