2016-03-30 9 views
1

私はreact-chartjsをインストールしました。以下の場合は、それをテストするための指示、私はエラーを取得するには、プロパティを読み取ることができませんライン10で未定義の「チャート」」Chart.jsreact-chartjsエラー未定義のプロパティ '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は=折れ線グラフです。

私は困惑し、オンラインで解決策を見つけることができません。コメントありがとうございました

+0

何をすべてバンドルするために使用していますか? Webpack? – markthethomas

+0

あなたのコメントありがとう、はいwebpack私が使用しているツールです。 – Davet

+0

React.js v0.13の古いバージョンを使用しています。たぶんそれは問題です – Davet

答えて

1

あなたはLineChartを2度宣言しています。例えば、それらのいずれかの名前を変更します。

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

ご意見ありがとうございます。名前を変更しても問題は解決しなかった – Davet

-1

私は同じ問題を抱えていました。 Webpackビルドでのnode_moduleの除外は助けになりました。このhttps://github.com/jhudson8/react-chartjs/issues/93を見てください。ここで

webpack.config.jsの例「モジュール」セクションです:

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

私も同じ問題を持っている、と「NPMキャッシュがクリーン」なのに役立ちます! chartjs & react-chartjsの依存関係に関連している可能性があります。

関連する問題