我怎样才能让这个animation .js在盖茨比中工作?

Question

我怎么能得到这个代码在React/盖茨比工作。当我去构建它失败了

window.addEventListener("mousemove"移动);

窗口。Onload = () =>animejs ({目标:".cursor"透明度:1});

Answer 1

在以下条件中换行:

if (typeof window !== "undefined"){
   window.addEventListener("mousemove", move);
   window.onload = () => animejs({ targets: ".cursor", opacity: 1 });
 }

你需要了解盖茨比才能知道发生了什么。作为总结，gatsby develop发生在浏览器端，那里有一个window(或其他全局对象，如document)，所以你的代码不会中断。gatsby build发生在服务器中，显然没有window(因为它甚至还没有定义)，所以使用window而不进行验证的代码的每个部分都将中断。

将代码包装在前面的条件中可以使代码正常工作。