Uncaught TypeError: Object (...) не является функцией

Question

Мне нужно использовать библиотеку leaflet-pixi-overlay в моем проекте angular 7, поэтому я установил и импортировал необходимые библиотеки, как указано в https://github.com/manubb/Leaflet.PixiOverlay:

import * as PIXI from 'pixi.js';
import {pixiOverlay} from 'leaflet-pixi-overlay';

Когда я вызываю библиотечную функцию как:

147 - const a = pixiOverlay(
148 -       (utils) =>  {
149 -      // your drawing code here
150 - }, new PIXI.Container());

Я получаю следующую ошибку:

zone.js:192 Uncaught TypeError: Object(...) is not a function
at MapComponent.push../src/app/modules/map/components/map/map.component.ts.MapComponent.ngOnInit (map.component.ts:147)
at checkAndUpdateDirectiveInline (core.js:18668)
at checkAndUpdateNodeInline (core.js:19932)
at checkAndUpdateNode (core.js:19894)
at debugCheckAndUpdateNode (core.js:20528)
at debugCheckDirectivesFn (core.js:20488)
at Object.eval [as updateDirectives] (VisionClientComponent.html:17)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:20480)
at checkAndUpdateView (core.js:19876)
at callViewAction (core.js:20117)

Есть какие-нибудь подсказки?Спасибо

Answer 1

Библиотека leaflet-pixi-overlay ничего не экспортирует.Он расширяет библиотеку leaflet методом pixiOverlay.Итак, просто импортируйте библиотеку leaflet-pixi-overlay, а затем импортируйте pixiOverlay из библиотеки leaflet.

import 'leaflet-pixi-overlay';
import { pixiOverlay } from 'leaflet';