逐步将ngx-leaflet引入应用程序，广泛使用leaflet

Question

我正在开发一个大型的angular 8应用程序，它有许多使用leaflet的组件。现有的组件直接使用leaflet和一些插件，像这样导入：

import * as L from 'leaflet'
import 'leaflet.markercluster'

它一直在起作用。

我想在构建新组件和重构现有组件时逐步引入ngx-leaflet，但这会带来麻烦。我按照文档创建了一个简单的map组件，它似乎工作得很好。但是，现有组件现在无法正确呈现。在TypeError: L.MarkerClusterGroup is not a constructor中使用markercluster错误的组件。组件尝试使用的L对象似乎可以使用markercluster功能进行适当扩展，但我看到的是在调用堆栈下面

runOutsideAngular   @   core.js:39571

，我怀疑这是源于与ngx-leaflet的一些交叉通信。

我还没有看到任何示例或文档尝试做我所描述的事情--在ngx-leaflet指令之外使用的leaflet会出现这样的问题吗?或者我是否应该能够将库与我打算使用它的组件隔离开来？

Answer 1

runOutsideAngular是一个转移注意力的问题，根本原因是一个不正确打包的插件(Leaflet.FreeDraw)。ngx-leaflet似乎与leaflet的其他用法一起工作得很好。