Angular 6 Импорт JQVMap - Свойство 'vectorMap' не существует для типа 'JQuery<HTMLElement>'

Question

Я пытаюсь импортировать интерактивную карту, JQVMap и, следовательно, JQuery, в свой проект Angular 6, и у меня возникли некоторые проблемы с прорезыванием зубов.

Исключение: ошибка TS2339: свойство 'vectorMap' не существует для типа 'JQuery'.

Мой компонент:

import {AfterViewInit, Component} from '@angular/core';
import * as jQuery from 'jquery';

@Component({
selector: 'app-example',
templateUrl: './explore.component.html'
})

export class ExampleComponent implements AfterViewInit {

ngAfterViewInit() {
jQuery('#vmap').vectorMap(
  {
    map: 'world_en',
    backgroundColor: '#a5bfdd',
    borderColor: '#818181',
    borderOpacity: 0.25,
    borderWidth: 1,
    color: '#f4f3f0',
    enableZoom: true,
    hoverColor: '#c9dfaf',
    hoverOpacity: null,
    normalizeFunction: 'linear',
    scaleColors: ['#b6d6ff', '#005ace'],
    selectedColor: '#c9dfaf',
    selectedRegions: null,
    showTooltip: true
    });
   }

  }

Я установил JQuery через npm и необходимые сценарии JVQMap в каталоге ресурсов. JQuery, кажется, работает правильно.

angular.json

 "scripts": ["./node_modules/jquery/dist/jquery.min.js",
          "./node_modules/bootstrap/dist/js/bootstrap.js",
          "./src/assets/js/jquery.vmap.js",
          "./src/assets/js/jquery.vmap.world.js"]
      },

Извиняюсь, если это тривиальная или глупая ошибка. Я новичок в Angular и JS в целом

Answer 1

Use this

import { Component, OnInit } from '@angular/core';

declare const jQuery: any;