插件中的传单LitElement "L是未定义的“

Question

我正在使用传单在一个LitElelement网页组件。传单本身效果很好。

但是当我想要包含一个插件时，我会从插件中得到错误"L是没有定义的“。我通过npm安装了传单和插件(标记集群)，并在一个类型记录模块中使用它。

到目前为止，我把它包括如下：

import * as L from 'leaflet/dist/leaflet-src.esm.js';
import 'leaflet.markercluster';

并得到以下错误：

MarkerClusterGroup.js:5 Uncaught ReferenceError: L is not defined
    at MarkerClusterGroup.js:5
    at leaflet.markercluster-src.js:10
    at leaflet.markercluster-src.js:11*

我如何必须包括插件，以使这个工作？

Answer 1

传单插件不支持ESM/ES6进口。

根据这句话，您应该能够让leaflet.markercluster工作。

import { Map, Marker,  } from "leaflet";
import { MarkerClusterGroup } from "leaflet.markercluster/src";

...
let mcluster = new MarkerClusterGroup({ chunkedLoading: true });