TypeError：Highcharts.mapChart不是函数

Question

我正在尝试使用打字稿在反应中绘制高图。我还加载了包含高图的highcharts类型。

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

欢呼

查看实时here。

Answer 1

基于readme，看来您需要这样做：

import * as Highcharts from 'highcharts/highmaps';

代替：

import * as Highcharts from 'highcharts';

我尝试了这个in CodeSandbox，它似乎已经超过了您被困住的地步。

更新

DefinitelyTyped似乎具有一些Highmap类型，尽管它们已经过时。下列导入Highmap的方法似乎在运行时与CodeSandbox中的上一个方法一样远，并且将使用键入内容：

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

New CodeSandbox。在本地，由于过时的声明（无法识别subtitle），我仍然遇到类型错误，但是您可以//@ts-ignore。我不知道为什么此错误没有出现在CodeSandbox上。