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

Question

我已经安装了 react-chartjs。按照说明对其进行测试时，我在第 10 行 Chart.js 收到错误无法读取未定义的属性“图表”

这是我的代码

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 = 线图；

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

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