react-highcharts：无法设置未定义的属性“ HighchartsAdapter”

Question

Trying to run next example http://kirjs.github.io/react-highcharts

Stuck with line:

global.HighchartsAdapter = require('exports?HighchartsAdapter!highcharts-standalone-adapter');

Without it, get error

Uncaught TypeError: Cannot set property 'HighchartsAdapter' of undefined

With it, obviously get

Cannot find module 'exports?HighchartsAdapter!highcharts-standalone-adapter'

So, the real question is how to include HighchartsAdapter.

PS The title of this question is different because it was my original google request. And I am not alone https://github.com/kirjs/react-highcharts/search?q=Cannot+set+property+%27HighchartsAdapter%27+of+undefined&type=Issues&utf8=%E2%9C%93

Answer 1

The original example should be bundled using webpack. Then I suppose it works fine.

If you want to use Browserify, then instead of using:

global.HighchartsAdapter = require('exports?HighchartsAdapter!highcharts-standalone-adapter');
var Highcharts = require("highcharts");

use next:

var Highcharts = require('highcharts-browserify');