Не удается использовать плагины highcharts с webpack

#highcharts #webpack #webpack-dev-server

#высокие диаграммы #webpack #webpack-dev-сервер #highcharts #webpack-dev-server

Вопрос:

Я пытаюсь включить no-data-to-display (https://www.npmjs.com/package/highcharts-no-data-to-display ) с highcharts.

Я получаю ошибки типа не удается прочитать свойство ‘prototype’ из undefined. Из того, что я вижу, эти модули не могут получить доступ к объекту Highcharts.

Вот мой конфигурационный файл webpack

     var webpack = require('webpack');
    var path = require('path');
    var debug = process.env.NODE_ENV!=="production";
    var HtmlWebpackPlugin = require('html-webpack-plugin');
    var ExtractTextPlugin = require('extract-text-webpack-plugin');

        module.exports = {
            entry: './main.js',
            output:{
                path: path.resolve(__dirname, 'dist'),
                filename:'Build.js',
                publicPath: '/'
            },
            resolve:{
                extensions: ['', '.js'],
                root:[
                  path.resolve(__dirname)
                ],
                moduleDirectories:[path.resolve(__dirname,'node_modules')],
                alias:{
                    'highcharts':               'lib/vendor/highcharts.src',
                    'highcharts_more':          'lib/vendor/highchartmore.src',
                    'highcharts_gauge':         'lib/vendor/solid-gauge.src', 
                    'highcharts_no_data':    'lib/vendor/modules/highcharts/no-data-to-display',
                },
               }
               module:{
                   loaders:[
                      {   test: __dirname '/lib/vendor/highcharts.src' ,
                        loader: 'exports?Highcharts!imports?jquery,proj4'
                    },
                    {   test: 'highcharts_more' ,
                        loader: 'imports?highcharts'
                    },
                     {   test: __dirname '/lib/vendor/modules/highcharts/no-data-to-display',
                        loader: 'imports?highcharts,highcharts_more'
                    },
                   ] 
               },
               plugins:[
                new webpack.ProvidePlugin({
                    $: "jquery",
                    jQuery: "jquery",
                    "window.jQuery":"jquery",
                   _:"underscore",
                  Highcharts:"highcharts"
               })
             ]
        ]}
  

Комментарии:

1. При загрузке модуля Highcharts или плагина вы должны инициализировать его перед использованием, как с модулем funnel здесь . Таким образом, ваш код мог бы выглядеть следующим образом: var Highcharts = require('highcharts'), myHCmodule = require('my/HC/module'); [...] myHCmodule(Highcharts); Или вы могли бы сделать это так, как это делается с помощью модуля экспорта в [Docs( highcharts.com/docs/getting-started/install-from-npm ) — смотрите первый блок кода на этом сайте.