Uncaught TypeError：_particles2.default.loadは関数ではありません - 反応する、反応する、反応する、粒子、

Question

particles.jsライブラリの読み込みに問題があります。

私はcreate-react-appを使用していますが、パーティクルjs githubページの手順にも従っています。

import particlesJS from 'particles.js' 

componentDidMount(){ 
    //particles.js github page says to load package like so: 
    particlesJS.load('particles-js', 'assets/particles.json', function() { 
     console.log('callback - particles.js config loaded'); 
    }); 
}, 

render() { 
    return (
     <div> 
      //div to include particles canvas, as specified in particles.js github page   
      <div id="particles-js"></div> 
     </div> 
); 

}

：

'を作成反応するアプリ' を開始した後、私はparticles.js

npm install particles.js --save 

をインストールするには、その後App.jsに私がしているしている関連部分を提出します

コンソールにエラーが表示される 未知の型エラー：_particles2.default.loadは関数ではありません

そしてconsole.log（particlesJS）を置くと空のオブジェクトが得られますので、どのようにパッケージをロードしているのかという問題は本当に確実です。基本的に、パッケージはロードされていないので、particleJSオブジェクトで使用可能な.load（）関数がありません。

これを修正する方法はありますか？

ちなみに、パッケージは 'react-particles-js'パッケージで動作していますが、package.jsパッケージを直接使用して動作させる方法については興味があります。

Answer 1

ライブラリはJavaScriptのバンドルを気にせずに書かれているようですので、期待通りのimportのステートメントでは実際には動作しません。代わりに、windowオブジェクトにグローバル変数を設定します。

import 'particles.js/particles'; 
const particlesJS = window.particlesJS; 

・ホープ、このことができます：

だからあなたのような何かを行うことができ、それを使用します！