Reactjs 在盖茨比js应用程序@react谷歌地图/api中未定义谷歌

Reactjs 在盖茨比js应用程序@react谷歌地图/api中未定义谷歌,reactjs,google-maps,gatsby,Reactjs,Google Maps,Gatsby,我对gatsby@react google maps/api的npm包有问题,我得到一个google未定义错误。我知道这与盖茨比需要将变量设置为window.google有关,但我不太确定如何使用这个包 这是到目前为止我的代码 import { LoadScript, GoogleMap } from "@react-google-maps/api" const MapFooter = () => { return ( <> <LoadScript

我对gatsby@react google maps/api的npm包有问题,我得到一个google未定义错误。我知道这与盖茨比需要将变量设置为window.google有关,但我不太确定如何使用这个包

这是到目前为止我的代码

import { LoadScript, GoogleMap } from "@react-google-maps/api"
const MapFooter = () => {
  return (
    <>
      <LoadScript
        googleMapsApiKey="fdsaf"
        region="EN"
        version="weekly"
      />
      <GoogleMap id="ground-example" zoom={13} />
    </>
  )
}
从“@react google maps/api”导入{LoadScript,GoogleMap}
常量MapFooter=()=>{
返回(
)
}

您好,我遇到了一个问题,白色软件包,我解决了返回以前版本的问题,更准确地说@react google maps/api:“^1.9.4

我需要将
组件放入
(我使用的是react 16+GatsbyJs)。演示代码将这两个组件分开放置。

我的直觉是,问题在于服务器端渲染。看一看,如果你仍然卡住了,请在你的问题中添加更多的信息(错误详细信息,复制回购)好的,我会试试thanksHi@AndersKitson,我面临同样的问题。你找到解决办法了吗?这里有一个github演示,我正在试图弄清楚如何使用gatsby实现这一点—您的加载脚本不应该是自动关闭的。它应该包裹谷歌地图然后关闭