Highcharts Error #17 The requested series type does not exist

when I plot an chart whose type is ‘solidgauge’, It went to an error. After I search for material,I tried below code , but same error comes.

`var ReactHighcharts = require('react-highcharts');

var HighchartsMore = require('highcharts-more');

HighchartsMore(ReactHighcharts.Highcharts);

var HighchartsExporting = require('highcharts-exporting');

HighchartsExporting(ReactHighcharts.Highcharts);

require('highcharts/js/highcharts-more')(ReactHighcharts.Highcharts);`

How can I deal with it?

[1xKarthik]

This worked for me for React for speedometer/Guage: https://www.highcharts.com/blog/snippets/speedometer-with-animation/

import Highcharts from 'highcharts';
import HighchartsReact from "highcharts-react-official";
import HC_more from 'highcharts/highcharts-more'
import Guage from "highcharts/modules/solid-gauge";

HC_more(Highcharts);
Guage(Highcharts);

options = {
    chart: {
      type: 'gauge'
    },
}

[spacedarcy]

@aaronbeall’s solution works for xrange series, but @lorezzed 's does not, as webpack can’t resolve the module.

Update: adding 'highcharts-xrange-series': path.resolve(__dirname, 'node_modules/highcharts/modules/xrange-series.js') to webpack’s resolve.alias seems to have fixed this.