FusionCharts.register is not a function when bundling with WebPack

[Sai Srinivasan]

I'm developing an Angular 2 application and using webpack to bundle my application together. One of my components imports the fusioncharts library stored in /lib/fusioncharts directory in the root of my project.

Note: I dont have the fusioncharts module in node_modules.

I was able to configure my aliases, provide plugin correctly (the bundle increased in size, and I was able to verify, through the network tab that fusion charts existed):

import statement:

import FusionCharts from 'fusioncharts'

alias statement:

'fusioncharts' : '/lib/fusioncharts/fusioncharts.js'

provide plugin:

  new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  'window.jQuery': 'jquery',
  'window.PR': 'prettify',
  FusionCharts: 'fusioncharts',
  'fusionthemes':'fusionthemes'
})

This lead to my bundle increasing in size, and in the network tab, I was able to locate my fusioncharts code.

Webpack didnt throw any errors during the build, but when I launched my application, I received this in my browser console:

[Ayan Bhadury]

Hi,

Please share us which version of FusionCharts angular 2 plugin you are using, also please check the path location 'fusioncharts' : '/lib/fusioncharts/fusioncharts.js' is proper or not.

 

For reference please check the latest FusionCharts Angular 2 plugin link - https://github.com/fusioncharts/angular2-fusioncharts