TypeError:Object(…)不是一个函数(React)
2020-12-24
888
我正在学习有关如何将谷歌地图添加到 react/expo javascript 项目的教程。我是 javascript 语言的新手,遇到了一个无法找到答案的错误。在编译应用程序时,我收到错误“ TypeError:Object(...) 不是函数 ”。这是教程的链接: https://www.youtube.com/watch?v=WZcxJGmLbSo&t 。谢谢。
错误位于脚本的第 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>
}
2个回答
我认为您的
import
(UseLoadScript) 是错误的。请在此处检查一次
useLoadScript
import { useLoadScript } from '@react-google-maps/api';
Naren
2020-12-24
我通过将 React 升级到 v16.8+ 以支持 hooks 的使用来解决了类似的问题。
setting
2022-04-24