react-chartjs错误无法读取未定义的属性“图表”

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'
      }
    ]
  }