未知のタイプエラー：raphael.jsで未定義のプロパティ 'on'を読み取ることができません

Question

justgagenode_moduleを以下のコードに使用していました。 raphael.jsを同じものにインポートすると、エラーUncaught TypeError: Cannot read property 'on' of undefinedが得られます。ファイルで問題を起こしているメソッドをチェックすると、メソッドがコード内で既に定義されていることがわかりました。 raphael.jsのコードが5216にありますが、このメソッドはすでに185にeve.on = function (name, f){}と定義されています。誰が問題が何であるか教えていただけますか？

コード -

import React from 'react'; 
import 'justgage'; 
import 'raphael'; 

var timeOut=null,gauge=null; 

export default React.createClass({ 

     componentDidMount(){    
      this.update();     
     }, 

     update(){ 

      gauge=new JustGage({ id: "gauge", value: 67, min: 0, max: 100, title: "Visitors"}); 
      document.getElementById("gage").innerHTML = gauge;  

      timeOut=setTimeout(this.update, 600);  
     }, 

     getValue(){ 
     var val = 25*Math.random(); 
      if(val>100) { val=100-val;} 
      if(val<0) { val=val+10;} 
      return val; 
     }, 

     componentWillUnmount: function() {   
     clearTimeout(timeOut); 
     }, 

     render(){ 
       return(<div className="coll-md-4"> 
         <div id="gage"></div> 
         </div>); 
      } 
}); 

Answer 1

https://www.npmjs.com/package/webpack-raphaelパッケージを使用してみてください。

ps。グローバルにjQueryを利用できない場合は、imports-loaderモジュールを使用して渡すことができます。