Highcharts + Webpack портят графики

Question

Пакет из веб-пакета отображает одну из моих диаграмм очень иначе, чем то, что я вижу в режиме разработки с горячей перезагрузкой и ожидаю, что она будет согласована, несмотря ни на что.

Это характерно для type диаграммы area с polar на true я использую много других диаграмм, и все они имеют одинаковый рендер между режимами dev и prod, как и ожидалось.

Вот что я получаю в devи что я ожидаю получить от пакета:

И вот что я получил, как только я просмотрел пакет веб-пакета:

Вот конфиг highcharts, примененный к нему:

https://gist.github.com/sylv3r/6533e240107be42526ea77ea6ab5a13d

Конфигурация веб-пакета, которую я использую:

https://gist.github.com/sylv3r/001a8c161a9dc580ee5d356a5e9e7155

Версия пакетов:

"highcharts": "^6.1.0",
"highcharts-more": "^0.1.7",
"highcharts-react-official": "^1.2.0",

"webpack": "^4.23.1",
"webpack-cli": "^3.1",
"webpack-dev-middleware": "^3.0.1",
"webpack-hot-middleware": "^2.21.2",

Я знаю, что это странная и конкретная проблема, но любая подсказка будет очень признательна, я застрял.

Answer 1

Пакет "highcharts-more": "^0.1.7" устарел.Вы должны импортировать этот модуль из папки Highcharts:

import Highcharts from "highcharts/highstock";
import highchartsMore from "highcharts/highcharts-more";
import HighchartsReact from "highcharts-react-official";

highchartsMore(Highcharts);

Демонстрационная версия: https://codesandbox.io/s/highcharts-react-demo-x10xx