particles.js粒子不会出现在铬上

Question

所以我和particles.js一起工作，它在safari浏览器上工作(我在MacBook上)，但是在chrome上，它会抛出错误，粒子不会出现。

Error pJS - XMLHttpRequest status: 404
particles.js:1558 Error pJS - File config not found
particles.js:1557 Error pJS - XMLHttpRequest status: 404
particles.js:1558 Error pJS - File config not found

Index.html

<div id="particles-js"></div>
<script type = "text/javascript" src="particles.js"></script>
<script type = "text/javascript" src="app.js"></script>

Styles.css

  #particles-js {
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 0;
    background: #000000;
  }

我在一个名为app.js的文件中设置了粒子。

Answer 1

错误是因为particle.js无法加载两个json。

/particlesjs config.json和/assets/parcles.json

在Safari中检查控制台的工作位置。还必须有错误，并检查particle.js文档以正确的方式设置它。

这是particle.js中请求失败的部分：

window.particlesJS.load = function (tag_id, path_config_json, callback) {
    /* load json config */
    var xhr = new XMLHttpRequest();
    xhr.open("GET", path_config_json);
    xhr.onreadystatechange = function (data) {
      if (xhr.readyState == 4) {
        if (xhr.status == 200) {
          var params = JSON.parse(data.currentTarget.response);
          window.particlesJS(tag_id, params);
          if (callback) callback();
        } else {
          console.log("Error pJS - XMLHttpRequest status: " + xhr.status);
          console.log("Error pJS - File config not found");
        }
      }
    };
    xhr.send();