如何在角度应用程序中包含mapboxgl-spiderifier

Question

我有一个有角度的应用程序，它通过ngx-mapbox-gl使用mapbox，我想将其与mapboxgl-spiderifier集成在一起，但是没有输入，我不知道如何通过导入来包含它。我尝试过的事情是通过以下方式包含库文件：

import "@bewithjonam/mapboxgl-spiderifier";

但是它给出了以下error：

  ./node_modules/@bewithjonam/mapboxgl-spiderifier/lib/mapboxgl-spiderifier.js中的

错误   找不到模块：错误：无法在相对路径中解析“ MapboxglSpiderfier”

Answer 1

如果您使用的是mapboxgl-spiderifier插件库，请先通过

在应用程序中使用它

npm i @bewithjonam/mapboxgl-spiderifier。

然后在脚本的.angular-cli.json中，样式数组添加此库的url源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";