react-location-picker中未定义react下一个应用程序获取错误窗口

【问题标题】：react next app getting error window is not defined in react-location-pickerreact-location-picker中未定义react下一个应用程序获取错误窗口
【发布时间】：2020-12-14 11:06:35
【问题描述】：

我正在使用 react 组件开发下一个 js，一切正常，但我在 react-location-picker 中收到 ReferenceError: window is not defined。

包链接react-location-picker

有人知道如何解决这个问题吗？

【问题讨论】：

标签： javascript node.js reactjs next.js

【解决方案1】：

因为next.js 将在服务器端和客户端执行代码。 window is not defined 在服务器端执行代码时会发生。您可以使用dynamic 导入包，使其仅在客户端运行。这是给你的solution。

import dynamic from 'next/dynamic';
const reactLocation = dynamic(() => import('react-location-picker'), {
    ssr: false,
});

【讨论】：

感谢它的工作，也感谢我现在得到它的解释

【解决方案2】：

试试

const reactLocation = require("react-location-picker")

【讨论】：

试过了，但同样的问题在我的 vs 代码编辑器中也收到警告 -> 找不到模块“react-location-picker”的声明文件。 而且我也没有能够安装@types。