[初心者] Viteでの使用方法？

Benoit

こんにちは、

私はViteJSでVue3アプリを実行しており、Leaflet 1.7.1を使っています。Esriのジオコーディングプラグインを使いたいと思っています https://developers.arcgis.com/esri-leaflet/geocode-and-search/search-for-an-address/

そこで、yarn add esri-leaflet esri-leaflet-geocoder esri-leaflet-vector を実行しましたが、viteには`require()`が存在しないため、代わりに`import esri from 'esri-leaflet'`を試みましたが、ライブラリがデフォルトエクスポートを提供していないため動作しません。

例：

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

 

Vite環境でこのライブラリをどのようにインポートすればよいか、何かアイデアはありますか？

ありがとうございます！

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