Javascript TypeError:对象(…)不是函数(React)

Javascript TypeError:对象(…)不是函数(React),javascript,reactjs,react-native,Javascript,Reactjs,React Native,我正在学习如何将google地图添加到react/expo javascript项目中的教程。我是javascript语言的新手,有一个我找不到答案的bug。编译应用程序时,我收到错误“TypeError:Object(…)不是函数”。以下是教程的链接:。多谢各位 错误出现在脚本的第25行: 22 | 23 | 24 | } > 25 | export default function App() { 26 | const {isLoaded, LoadError} =

我正在学习如何将google地图添加到react/expo javascript项目中的教程。我是javascript语言的新手,有一个我找不到答案的bug。编译应用程序时,我收到错误“TypeError:Object(…)不是函数”。以下是教程的链接:。多谢各位

错误出现在脚本的第25行:

22 | 
  23 | 
  24 | }
> 25 | export default function App() {
  26 |   const {isLoaded, LoadError} = UseLoadScript({
  27 |     googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,
  28 |     libraries,```
完整脚本:

import React from 'react';

import {
  GoogleMap,
  UseLoadScript,
  Marker,
  InfoWindow,

} from "@react-google-maps/api";

const libraries = ["places"];
const mapContainerStyle = {
  width: "100vw",
  height: "100vh",

};

const center = {
  lat: 43.653225,
  lng: -79.383186


}
export default function App() {
  const {isLoaded, LoadError} = UseLoadScript({
    googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,
    libraries,
  });
   
  
  if (LoadError) return "Error Loading maps";
  if (!isLoaded) return "Loading Maps";

  return <div> 

    <GoogleMap> 
      mapContainerStyle={mapContainerStyle} 
      zoom={8}
      center={center}
      </GoogleMap>
  </div>
  
}
从“React”导入React;
进口{
谷歌地图,
使用加载脚本,
标记,
信息窗口,
}来自“@react谷歌地图/api”;
常量库=[“位置”];
常量mapContainerStyle={
宽度:“100vw”,
高度:“100vh”,
};
常数中心={
拉脱维亚:43.653225,
液化天然气:-79.383186
}
导出默认函数App(){
常量{isLoaded,LoadError}=UseLoadScript({
googleMapsApiKey:process.env.REACT\u APP\u GOOGLE\u MAPS\u API\u KEY,
图书馆,
});
if(LoadError)返回“加载地图时出错”;
如果(!isLoaded)返回“加载映射”;
返回
mapContainerStyle={mapContainerStyle}
缩放={8}
中心={center}
}

我认为您的
导入(UseLoadScript)是错误的。检查一下这里

import { useLoadScript } from '@react-google-maps/api';