particles.js 粒子没有出现在 chrome

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/particles.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();

particles.js 粒子没有出现在 chrome

particles.js particles do not show up on chrome

html

javascript

css

particles.js