HighCharts桑基+Next.js:TypeError:无法读取未定义的属性ウCore/Series/Point.js Ж,

gev0vcfq  于 2022-11-24  发布在  Highcharts
关注(0)|答案(1)|浏览(97)

我正在尝试使用HighCharts ReactNextJS呈现HighCharts Sankey图表。我已经按照HighChart的文档中的说明添加了Sankey模块,但是页面失败,并显示以下错误:

TypeError: Cannot read property 'Core/Series/Point.js' of undefined

错误似乎发生在addSankeyModule,在图表实际初始化之前。下面是我的模块代码:

import React from "react"
import Highcharts from "highcharts"
import HighchartsReact from "highcharts-react-official"
import addSankeyModule from "highcharts/modules/sankey"

addSankeyModule(Highcharts)

const options = {
      // omitted for brevity
}

const DependenciesChart: React.FC = () => (
      <HighchartsReact highcharts={Highcharts} options={options} />
)

export default DependenciesChart
vwkv1x7d

vwkv1x7d1#

NextJS运行代码两次:首先在服务器上,然后在客户端的浏览器中。这个错误发生在前面的情况下,Sankey试图在服务器上初始化自己,但失败了,因为它需要一个真实的的浏览器。
要解决此问题,可以使用以下检查条件,仅在浏览器中添加模块:

if (typeof Highcharts === "object") {
  addSankeyModule(Highcharts)
}

相关问题