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