react-chartjs error Cannot read property 'Chart' of undefined

Question

I have installed react-chartjs. When following the instructions to test it I get an error cannot read property 'Chart' of undefined' at line 10 Chart.js

here is my code

var React = require('react');
var Chart = require('chart.js');
var LineChart = require("react-chartjs").Line;


var LineChart = React.createClass({


  render: function() {

    return <LineChart width="600" height="250"/>
  }
});

module.exports = LineChart;

Im stumped and cannot find any solutions online. Thanks for any comments

Answer 1

You are declaring LineChart twice. Change the name of one of them, for example:

var MyChart = React.createClass({ /* rest of your code */ });
module.exports = MyChart;

Answer 2

I also have the same issue, and 'npm cache clean' helps! It may related to the dependency of chartjs & react-chartjs.

Answer 3

I had the same problem. Exclusion of node_modules in Webpack build helped. Look at this https://github.com/jhudson8/react-chartjs/issues/93 .

Here's an example "module" section of webpack.config.js :

module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader'
      }
    ]
  }