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