Javascript TypeError:对象(…)不是函数(React)
我正在学习如何将google地图添加到react/expo javascript项目中的教程。我是javascript语言的新手,有一个我找不到答案的bug。编译应用程序时,我收到错误“TypeError:Object(…)不是函数”。以下是教程的链接:。多谢各位 错误出现在脚本的第25行: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} =
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';