从Gatsby部署到Netlify时出现WebpackError：ReferenceError：未定义文档

Question

尝试构建并部署到Netlfiy时出现以下错误：

WebpackError: ReferenceError: document is not defined
6:45:50 PM:   WebpackError: ReferenceError: document is not defined
6:45:50 PM:   
6:45:50 PM:   - aos.js:1 n
6:45:50 PM:     node_modules/aos/dist/aos.js:1:14565`enter code here`
6:45:50 PM:   
6:45:50 PM:   - aos.js:1 Object._ [as init]
6:45:50 PM:     node_modules/aos/dist/aos.js:1:1506
6:45:50 PM:   
6:45:50 PM:   - header.jsx:40 HeaderContent.render
6:45:50 PM:     src/components/Header/header.jsx:40:9
6:45:50 PM:   

我正在使用AOS库，这似乎是我遇到问题的地方。我试图根据我看到的其他帖子来定义它，方法是将其放在使用AOS的类组件中

componentDidMount() {
    const AOS = require('aos')
    this.aos = AOS
    this.aos.init()
}

componentWillReceiveProps() {
    AOS.refresh()
}

我也正在导入它们。它在本地构建良好，但是当我尝试部署它时不起作用。我知道它与Gatsby的服务器端渲染有关，但我不确定如何解决。