WebpackError：ReferenceError：窗口未定义-npm run build

Question

当我执行“ npm run build”时，出现以下错误：

WebpackError：ReferenceError：未定义窗口

这是导致错误的代码的一部分：

    params.slidesPerView =  Math.floor(window.innerWidth/400);
    // params.slidesPerGroup = Math.floor(window.innerWidth/400);
    console.log("Calc Width");
    console.log(window.innerWidth/400);
    this.lastWidth = params.slidesPerView;

Answer 1

在开发过程中，您可以访问客户端中的窗口。运行build时，gatsby会将这些组件呈现在未定义窗口的服务器上。

解决方案是componentDidMount中的“使用”窗口或您要使用之前的检查窗口。