我是 GatsbyJS 和 ReactJS 的新手,在构建项目时遇到了问题。
问题是每当我在其中构建带有 AOS 的项目时,它都会显示未定义错误窗口。当我在开发模式下运行时完全没问题。
这是我的代码:
我读到 componentDidMount() 应该可以解决这个问题。不幸的是,它对我不起作用。
有什么帮助吗?谢谢..
最佳答案
我将代码更改为:
import React from "react";
import Link from "gatsby-link";
import whiteLogo from "../img/tm_logo_white.png";
import myImg from "../img/me.jpg";
class IndexPage extends React.Component {
componentDidMount() {
const isBrowser = typeof window !== "undefined";
const AOS = isBrowser ? require("aos") : undefined;
this.aos = AOS;
this.aos.init();
}
componentDidUpdate() {
this.aos.refresh();
}
}
删除了顶部的
import AOS from "aos"
,对我来说一切正常。关于javascript - GatsbyJS - 未定义构建显示错误窗口 (AOS),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48128022/