React Google Maps Api:无法读取未定义读取“发射”的属性

我想在 google-map-react api 中包含地图,但我总是收到以下错误:

google_map.js:428 Uncaught TypeError: 无法在 commitLayoutEffectOnFiber (react-dom.development.js:23232:1) at commitLayoutMountEffects_complete ( react-dom.development.js:24578:1) 在 commitLayoutEffects_begin (react-dom.development.js:24564:1) 在 commitLayoutEffects (react-dom.development.js:24502:1) 在 commitRootImpl (react-dom.development .js:26779:1) 在 commitRoot (react-dom.development.js:26638:1) 在 finishConcurrentRender (react-dom.development.js:25937:1) 在 performConcurrentWorkOnRoot (react-dom.development.js:25765: 1)在workLoop(scheduler.development.js:266:1)

    import React from 'react'
    import GoogleMapReact from 'google-map-react'
    import {Paper, Typography, useMediaQuery} from '@material-ui/core'
    import LocationOnOutlinedIcon from '@material-ui/icons/LocationOnOutlined';
    import Rating from "@material-ui/lab"
    import useStyles from './styles'

    const Map = () =>{
        const classes = useStyles();
        const isMobile= useMediaQuery("(min-width:600px)");
        const coords = {lat:0, lng:0}
        const API_KEY = "############"
        return(
            <div className={classes.mapContainer}>
               <GoogleMapReact
                    bootstrapURLKeys={{ key: API_KEY }}
                    defaultCenter={coords}
                    center={coords}
                    defaultZoom={14}
                    margin={[50, 50, 50, 50]}>
               </GoogleMapReact>

            </div>
        )
    }

    export default Map;
stack overflow React Google Maps Api :Cannot read properties of undefined reading 'emit'
原文答案

答案:

作者头像

似乎这解决了这个问题:

https://github.com/google-map-react/google-map-react/issues/1116#issuecomment-1150589667

否则,你可以抛出你的 next.config.(js/ts)

  reactStrictMode: false,
作者头像

我通过将 index.js 更改为下面的代码而不删除 .我也在使用 react-redux,所以如果你不使用 Redux,你可以删除提供者标签。

import React from 'react';
import { Provider } from 'react-redux';
import { store } from './app/store';
import App from './App';
import ReactDOM from 'react-dom';
import reportWebVitals from './reportWebVitals';
import './index.css';

 ReactDOM.render(
    <React.StrictMode>
     <Provider store={store}>
      <App />
     </Provider>
    </React.StrictMode>,
    document.getElementById('root')
   );
 reportWebVitals();
作者头像

尝试从react应用程序中删除

相关问题