2016-04-10 3 views
2

wenn i die server..this Komponente ausgeführt geladen ... keine Fehler auf Server-Seite gefunden ... aber Browser Konsole gibt zurück eine folgende Fehlermeldung:reagieren-chartjs gibt einen Fehler zurück Typ: (Zwischenwert) [charttype] ist nicht eine Funktion

Uncaught Typeerror: (Zwischenwert) [charttype] ist keine Funktion

mein Code ist wie folgt:

var React = require('react'); 
var ReactDOM = require('react-dom'); 
var chart = require('chart.js'); 
var DoughnutChart = require("react-chartjs").Doughnut; 
var Tempvshum = React.createClass({ 
    render() { 
    var chartOptions = { 
    segmentShowStroke : true 
    }; 
var chartData = [{ 
    value: 300, 
    color:"#F7464A", 
    highlight: "#FF5A5E", 
    label: "Red" 
    }]; 
    return(<DoughnutChart data={chartData} options={chartOptions} />); 
    } 
    }); 
module.exports = Tempvshum; 
+0

Ich arbeite gerade an einer react-chartjs-Komponente und erhalte den gleichen Fehler .... Ich habe bestätigt, dass sowohl react-chart und seine Abhängigkeit chart.js geladen sind, als auch verschiedene Versionen ausprobiert haben Gut. Hat jemand eine Idee? 'var chart = new Diagramm (CTX) [charttype] (nextProps.data, nextProps.options || {});' scheint, dass dies die Linie ist, die das Problem von Reaktion-Diagramm – abgordon

Antwort

4

ich denke, die Frage zu Chart zusammenhängt .js.

https://www.npmjs.com/package/chart.js sagt, dass das Paket vor 2 Tagen hochgeladen wurde, und es ist jetzt in der Version 2.0.0-beta2. Ich habe meine package.json geändert, um die ältere Version 1.1.1 zu verwenden und alles funktioniert.

+0

interessant verursacht, i Ich werde es versuchen. Dies könnte mit der kürzlichen Veröffentlichung von React 15.0.1, 4.8.2016 gemäß 'npm view [email protected] time' in Verbindung stehen. – abgordon

+2

Ich habe dieses Problem auch schon erlebt und als ich wieder zu 1.1.1 ging, war alles fein. Zurzeit unterstützt 'react-chartjs '' chartjs' v 2.0 nicht, aber es gibt einen aktiven Zweig für die v2.0-Entwicklung, der nach der Fertigstellung zusammengeführt wird: https://github.com/jhudson8/react-chartjs/tree/chartjs -v2 –