angular - How to include mapboxgl-spiderifier in an angular application

Question

I have an angular application that uses mapbox through ngx-mapbox-gl and i want to integrate it with mapboxgl-spiderifier but it is with out typings and i dont know how to include it through importing. Things i have tried is to include the libarary through :

import "@bewithjonam/mapboxgl-spiderifier";

But it gives the following error :

ERROR in ./node_modules/@bewithjonam/mapboxgl-spiderifier/lib/mapboxgl-spiderifier.js Module not found: Error: Can't resolve 'MapboxglSpiderfier' in relative path

Answer 1

如果您使用的是mapboxgl-spiderifier插件库，那么首先将它放在您的应用程序中

npm i @bewithjonam/mapboxgl-spiderifier.

然后在.angular-cli.jsonscripts, styles 数组中添加这个库的 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";