Как включить mapboxgl-spiderifier в угловое приложение

Question

У меня есть угловое приложение, которое использует mapbox через ngx-mapbox-gl и я хочу интегрировать его с mapboxgl-spiderifier но это без ввода, и я не знаю, как включить его через импорт. Вещи, которые я пробовал, это включить библиотеку через:

import "@bewithjonam/mapboxgl-spiderifier";

Но это дает следующее error:

ОШИБКА в./node_modules/@bewithjonam/mapboxgl-spiderifier/lib/mapboxgl-spiderifier.js Модуль не найден: Ошибка: не удается разрешить MapboxglSpiderfier в относительном пути

Answer 1

Если вы используете плагин mapboxgl-spiderifier lib, то сначала сделайте это в своем приложении, выполнив

npm i @bewithjonam/mapboxgl-spiderifier,

Затем в .angular-cli.json в скриптах в массив стилей добавьте URL-адрес источника этой библиотеки:

{
 ...
 "apps": [{
   ...
   "styles": ["../node_modules/@bewithjonam/mapboxgl-spiderifier/lib/mapboxgl-spiderifier.css"],
   "scripts": ["../node_modules/@bewithjonam/mapboxgl-spiderifier/lib/mapboxgl-spiderifier.js"],
   ...
 }]
}

После этого вы можете импортировать его в любые компоненты, такие как:

import "@bewithjonam/mapboxgl-spiderifier";