WebpackError при развертывании в Netlify из Gatsby: ReferenceError: документ не определен - PullRequest
0 голосов
/ 06 апреля 2020

При попытке собрать и развернуть в 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, но я не уверен, как это решить.

...