Постепенное внедрение ngx-листовки в приложение с широким использованием листовок - PullRequest
0 голосов
/ 10 октября 2019

Я занимаюсь разработкой большого углового приложения, в котором много компонентов, использующих буклет. Существующие компоненты используют листовки и некоторые плагины напрямую, импортированные так:

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

, который работал.

Я хотел бы постепенно вводить ngx-leaflet по мере создания новых компонентови рефакторинг существующих, но это вызывает проблемы. Следуя документации, я создал простой компонент карты, который, кажется, работает нормально. Тем не менее, существующие компоненты теперь не могут правильно отображаться. Компонент, использующий ошибки markercluster с TypeError: L.MarkerClusterGroup is not a constructor. Объект L, который компонент пытается использовать, кажется, должным образом расширен с помощью функциональности markercluster, но в стеке вызовов я вижу

runOutsideAngular   @   core.js:39571

, который, как я подозреваю, происходит из-за некоторой перекрестной связи с ngx-leaflet.

Я не видел ни одного примера или документации, пытающихся сделать то, что я описываю - ожидается ли, что листовка, используемая вне директив ngx-leaflet, будет проблематичной, как это, или я должен быть в состоянииизолировать библиотеку от компонентов, в которых я собираюсь ее использовать?

1 Ответ

0 голосов
/ 10 октября 2019

runOutsideAngular была красная сельдь, основной причиной был неправильно упакованный плагин (Leaflet.FreeDraw). ngx-листовка, кажется, прекрасно работает вместе с другими использованиями листовки.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...