react-chartjs错误无法读取未定义的属性'Chart‘

Question

我已经安装了react-chartjs。按照说明对其进行测试时，在第10行Chart.js处出现错误，无法读取未定义的'Chart‘属性

以下是我的代码

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；

我被难住了，在网上找不到任何解决方案。感谢您的评论

Answer 1

您声明了两次LineChart。更改其中之一的名称，例如：

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

Answer 2

我也有同样的问题，'npm cache clean‘很有帮助！这可能与chartjs & react-chartjs的依赖有关。

Answer 3

我也有同样的问题。在Webpack的帮助下，node_modules被排除在外。看看这个https://github.com/jhudson8/react-chartjs/issues/93。

下面是webpack.config.js的一个示例“模块”部分

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