Highchart React 在刷新其抛出错误后未渲染热图

Question

高位图表的导入声明：

// Import Highcharts
   import Highcharts from 'highcharts';
   import HighchartsReact from "highcharts-react-official";
   import HighchartsHeatmap from 'highcharts/modules/heatmap';
// Load Highmaps as a module
    HighchartsHeatmap(Highcharts);

在渲染中我使用下面的组件

 <HighchartsReact highcharts={Highcharts} options={chartOptions} />

在初始渲染时，我得到了输出，而在我手动刷新之后，我遇到了以下错误。

Answer 1

您可以在此处找到工作演示： https://codesandbox.io/s/highcharts-react-demo-forked-6evf4

import React from "react";
import { render } from "react-dom";
// Import Highcharts
import Highcharts from "highcharts";
import HighchartsHeatmap from "highcharts/modules/heatmap";
import HighchartsReact from "highcharts-react-official";

HighchartsHeatmap(Highcharts);