search

willb335 / chessboardjsx

:black_square_button: Chessboard built for React
https://chessboardjsx.com
MIT License
267 stars 79 forks source link

WebpackError: ReferenceError: window is not defined when using ChessboardJSX with Gatsby #59

Open davidwitten opened 3 years ago

davidwitten commented 3 years ago

I have a React component, and I want to include a Chessboard component within it.

So, I only added this line to my file. import Chessboard from 'chessboardjsx'; I never actually used the Chessboard in my code, but it still returned this error:

  WebpackError: ReferenceError: window is not defined

  - chessboard.min.js:1 
    node_modules/chessboardjsx/dist/chessboard.min.js:1:253

When I remove that line, my code works as expected.

I'm using React v17.0 and Gatsby 2.27.5

willb335 commented 3 years ago

Take a look at this, it may be helpful: https://medium.com/@raravi/gatsby-and-the-window-variable-352ed558a8c0