"The "highcharts“属性 未通过”警告，constructorType="chart"

Question

我正在开始一个项目，我想将 Highchart stockChart 反应组件改编为常规 Highchart (chart) 组件。我正在 demo 上进行调整，一切正常。

当我转到我的本地项目时，我无法将 constructorType 从 stockChart 更改为 chart，它可以编译，但是当我尝试 运行 应用程序时，我得到这个错误

类型错误：t[n] 不是函数

t

C:/src/HighchartsReact.js:30

  27 | const H = props.highcharts || Highcharts;
  28 | const constructorType = props.constructorType || 'chart';
  29 | 
> 30 | if (!H) {
     | ^  31 |   console.warn('The "highcharts" property was not passed.');
  32 | 
  33 | } else if (!H[constructorType]) {

(anonymous function)

C:/src/HighchartsReact.js:52

  49 | }
  50 | 
  51 | if (!chartRef.current) {
> 52 |   createChart();
     | ^  53 | } else {
  54 |   if (props.allowChartUpdate !== false) {
  55 |     if (!props.immutable && chartRef.current) {

我的本地项目 运行 与演示具有相同的依赖关系，我不知道为什么我要面对这个 TypeError。根据 documentation 这是默认调用。

Answer 1

我遇到了这个问题，因为你必须像这样将主要的 Highcharts 对象专门传递给 HighchartsReact：

import Highcharts from "highcharts";

return (
        <HighchartsReact
            highcharts={Highcharts}
            options={hiChartsOptions}
        />
    );