Javascript WebPackageError:ReferenceError:未定义窗口-npm运行生成

Javascript WebPackageError:ReferenceError:未定义窗口-npm运行生成,javascript,gatsby,Javascript,Gatsby,当我执行“npm运行构建”时,会出现以下错误: WebPackageError:ReferenceError:未定义窗口 这是导致错误的代码的一部分: params.slidesPerView = Math.floor(window.innerWidth/400); // params.slidesPerGroup = Math.floor(window.innerWidth/400); console.log("Calc Width"); console.lo

当我执行“npm运行构建”时,会出现以下错误:

WebPackageError: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;

在开发过程中,您可以访问客户端中的窗口。运行构建时,盖茨比在未定义窗口的服务器上呈现这些组件


解决方案是在
componentDidMount
中的“使用”窗口,或在使用前检查窗口。

“componentDidMount”如何使用?请参阅此链接:阅读盖茨比文档中上述链接中的数字1。