TypeError: Highcharts.mapChart не является функцией

Question

Я пытаюсь построить highmap в реакции, используя машинопись. Я дополнительно загрузил типы старших карт, которые включают в себя старшие карты.

class InvestmentChart extends React.Component {
  componentDidMount() {
    Highcharts.mapChart("investment", {
      chart: {
...

Приветствия

Смотрите в прямом эфире здесь .

Answer 1

Исходя из readme , похоже, что вам нужно сделать:

import * as Highcharts from 'highcharts/highmaps';

вместо:

import * as Highcharts from 'highcharts';

Я попробовал это в CodeSandbox , и, похоже, он прошел точку, в которой вы застряли.

Обновление

По определению, в DefinitiveTyped есть несколько типов для Highmaps, хотя они устарели. Следующий метод импорта Highmaps, похоже, дойдет до предыдущего метода во время выполнения в CodeSandbox и будет использовать наборы:

import * as Highcharts from "highcharts";
import MapFactory = require("highcharts/modules/map");
(MapFactory as any)(Highcharts);

Новый CodeSandbox . Локально, я все еще получаю ошибку типа из-за устаревших объявлений (subtitle не распознается), но вы можете //@ts-ignore ее. Я не знаю, почему эта ошибка не появляется в CodeSandbox.