react-chartjs error Kann Eigenschaft 'Chart' von undefined nicht lesen

Question

Ich habe react-chartjs installiert. Wenn Sie die Anweisungen, um es zu testen bekomme ich einen Fehler nicht Eigenschaft ‚Chart‘ undefinierte‘in Zeile 10 Chart.js

hier ist mein 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 lesen;

Ich bin ratlos und kann keine Lösungen online finden. Vielen Dank für Kommentare

Answer 1

Sie deklarieren LineChart zweimal. Ändern Sie den Namen einer von ihnen, zum Beispiel:

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

Answer 2

Ich hatte das gleiche Problem. Der Ausschluss von node_modules in Webpack Build half. Schau dir das an https://github.com/jhudson8/react-chartjs/issues/93.

Hier ist ein Beispiel "Modul" Abschnitt webpack.config.js:

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

Answer 3

Ich habe auch das gleiche Problem, und 'npm Cache sauber' hilft! Es kann sich auf die Abhängigkeit von chartjs & react-chartjs beziehen.