当我运行“Gatsby build”时,会出现以下错误:
WebpackError: jQuery需要带有文档的窗口。
这是因为Gatsby进行了服务器端渲染。
我已经阅读了GitHub上的许多问题(其中这个是我找到的最好的一个)。
我的代码看起来像下面这样:
import React, { Component } from 'react'
import Link from 'gatsby-link'
import LandingScreen from '../components/LandingScreen'
import $ from 'jquery'
import 'fullpage.js/dist/jquery.fullPage.js'
import 'fullpage.js/dist/jquery.fullpage.css'
class TestPage extends Component {
componentDidMount() {
$('#fullpage').fullpage({
verticalCentered: false
});
}
render(){
return (
<main id="fullpage">
<LandingScreen />
</main>
)
}
}
export default TestPage
这个出错了,我按照上面GitHub线程尝试了下面的方法,但是还是失败了:
if (typeof window !== 'undefined') {
import $ from 'jquery'
}
有人能够提供如何导入jquery
的建议吗?