und offerate typeError:_particles2.default.load不是函数 - react

Question

在导入粒子库时遇到困难。

正在使用Create-react-app，并按照粒子JS GitHub页面上的说明。

启动" create-react-app"后，我安装粒子

npm install particles.js --save

然后在app.js文件中我拥有的相关部分是：

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>
);

}

但是，控制台给出了错误 Unturect typeError：_Particles2.default.load不是函数

，如果我将其放在console.log（presenlesjs）上，它给出了一个空的对象，因此我很确定问题在于如何加载包装。基本上，该软件包甚至没有被加载，这就是为什么粒子对象上有可用的.load（）函数。

有什么想法如何解决此问题？

顺便说一句，

使软件包通过" React Particles-js"软件包工作，但是仍然很好奇如何通过使用package.js package才能使其工作。

看来图书馆写的是不考虑JavaScript捆绑器的编写，因此它并没有像您期望的那样真正与import语句一起使用。相反，它在window对象上设置了一个全局变量。

为了使用它，您可以做类似的事情：

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

希望这会有所帮助！