Uncaught：_particles2.default.load不是一个函数- function，create-function app，particlesJS

Question

导入particles.js库时有问题。

我正在使用create app，并遵循粒子js github页面上的说明。

在启动‘创建-反应-应用’之后，我安装了particles.js。

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

}

然而，控制台给出了错误TypeError：_particles2.default.load不是一个函数

如果我把它放到console.log(particlesJS)中，它会给出一个空对象，所以我很确定问题是如何加载包。基本上，包甚至没有被加载，这就是为什么在.load对象上没有可用的particlesJS ()函数。

有什么办法解决这个问题吗？

顺便说一下，包已经通过'反应粒子js‘包工作了，但是仍然很想知道如何通过直接使用package.js包来使它工作。

Answer 1

看起来这个库是在没有考虑到JavaScript绑定器的情况下编写的，所以它并没有像您所期望的那样真正地处理import语句。相反，它在window对象上设置一个全局变量。

因此，要使用它，您可以这样做：

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

希望这能有所帮助！