小编Akh*_*iev的帖子

我正在尝试使用react-leaflet-markercluster，但添加<MarkerClusterGroup>到代码后，控制台中会显示错误，并且页面不会加载。如果不添加这个组件，一切都会正常。

也许问题出在版本冲突上，但我尝试回滚 的版本react-leaflet，但react-leaflet@3.2.1与其余软件包安装时也会发生冲突。因此，我决定专注于实际版本。

应用程序.js

import { MapContainer, TileLayer, Marker } from 'react-leaflet'
import MarkerClusterGroup from 'react-leaflet-markercluster'
import 'leaflet/dist/leaflet.css'
import 'react-leaflet-markercluster/dist/styles.min.css'

const App = () => {
  return (
    <div className="container">
      <MapContainer className="map-container" center={[49.8397, 24.0297]} zoom={6}>
        <TileLayer
          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        />        
        <MarkerClusterGroup>
          <Marker position={[49.8397, 24.0297]} />
          <Marker position={[52.2297, 21.0122]} />
          <Marker position={[51.5074, -0.0901]} />
        </MarkerClusterGroup>
      </MapContainer>
    </div>
  )
}

export default App

错误：

Uncaught Error: No context provided: useLeafletContext() can only …