反应谷歌地图不导入



对不起,我是React.js的新手,不明白为什么我有下一个警告,而我的代码不支持

import React from 'react';
import {Map, InfoWindow, Marker, GoogleApiWrapper} from 'google-maps-react';
class GoogleMap extends Component {   render() {
return (
<div className="GoogleMap">
<Map google={this.props.google} zoom={14}>
<Marker onClick={this.onMarkerClick} //Unresolved variable onMarkerClick
name={'Current location'}/>
<InfoWindow onClose={this.onInfoWindowClose}> //Unresolved variable onMarkerClick
<div>
<h1>{this.state.selectedPlace.name}</h1>
</div>
</InfoWindow>
</Map>
</div>
);   } }
export default GoogleApiWrapper({apiKey: (*apikeyhidden*) })(GoogleMap)  //Unused default export

和这个

import React, { Component } from 'react'; import {GoogleMap} from 'client/src/components/map/google/GoogleMap'; //Element is not exported
class Map extends Component {
render() {
return (
GoogleMap.prototype.render()
);
} }
export default Map;

我的localhost:3000给了我下一个:

编译失败/src/pages/Map.js模块未找到:无法解析'client/src/components/map/google/GoogleMap''C:\Lunch_Time\client\src\pages'生成过程中发生此错误时间,不能解雇。

怎么了?请帮助

您可能需要一个相对路径:

import {GoogleMap} from './client/src/components/map/google/GoogleMap';

或可能的

import {GoogleMap} from './components/map/google/GoogleMap';

最新更新