开发者问题收集

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