reactjs - HighCharts Sankey + NextJS: შეცდომა ტიპში: შეუძლებელია წაიკითხოს განცხადება 'Core/Series/Point.js' გაუთვალისწინებელიდან

მე ვცდილობ HighCharts Sankey ჩარტის წარმოჩენას HighCharts React და NextJS-ის გამოყენებით. მე მივყვები HighCharts-ის დოკუმენტაციას იმის შესახებ, თუ როგორ უნდა დაემატოს 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

პასუხი #1

NextJS იყენებს თქვენს კოდს ორჯერ: ჯერ სერვერზე და შემდეგ მომხმარებლის ბრაუზერში. ეს შეცდომა ხდება პირველ სიტუაციაში, სადაც Sankey ცდილობს Initializes დაიწყოს სერვერზე, მაგრამ ვერ ახერხებს, რადგან მოელის ნამდვილ ბრაუზერს.

ეს გამოსასწორებლად, შეგიძლიათ გამოიყენოთ შემდეგი შემოწმება, რათა მოდული მხოლოდ ბრაუზერში დამატებით შეიტანოთ:

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