[Nieuwkomer] Gebruik met Vite?

Benoit

Hallo daar,

Ik draai een Vue3-app met ViteJS en Leaflet 1.7.1 en ik wil graag de geocoding-plugin van Esri gebruiken https://developers.arcgis.com/esri-leaflet/geocode-and-search/search-for-an-address/

Dus ik heb yarn add esri-leaflet esri-leaflet-geocoder esri-leaflet-vector uitgevoerd, maar omdat `require()` niet bestaat in vite, probeerde ik `import esri from 'esri-leaflet'` in plaats daarvan, maar dat werkt niet, omdat de bibliotheek geen default export biedt.

Voorbeeld:

<script setup>
import L van 'leaflet';
import esri van 'esri-leaflet';
// ...
</script>

 

Iemand een idee hoe / wat te importeren in een Vite-context?

Bedankt!

Ben

GavinRehkemper

Hi, thanks for the question.

I think you want to import the named module, like this:

import { FeatureLayer } from "esri-leaflet";
import { vectorBasemapLayer } from "esri-leaflet-vector";

 https://github.com/gavinr/esri-leaflet-react-demo/blob/90f910ec5a45f56089853eff437b353c73457fff/src/Map.js#L4-L5