Javascript granim.js不'；见'；当站点位于gh页面上时的图像，而它'；它在本地渲染时是OK的

最近试图用granim.js修改我的一个网页。我想要一个

不幸的是，虽然它在本地机器上的开发过程中工作得很好，但在gh页面上却不工作。它抛出了一个错误

错误：Granim:图像源无效

并且只显示渐变图像，不显示渐变图像。我还选中了gh页面的完整路径选项：

几乎没有类似的。它们都不起作用，总是同一个错误。 granim的示例使用bot完整路径和本地路径，因此预期任何尝试过的路径都可以工作。但不是。以下是我的代码中负责granim的部分：

window.addEventListener('load', (event) => {
   console.log('page is fully loaded');
   var granimInstance = new Granim({
      element: 'canvas',
      direction: 'top-bottom',
      isPausedWhenNotInView: true,
      image: {
         source: '../project_images/moon.jpg',
         blendingMode: 'multiply'
      },
      states: {
         "default-state": {
            gradients: [
               ['#29323c', '#485563'],
               ['#FF6B6B', '#556270'],
               ['#80d3fe', '#7ea0c4'],
               ['#f0ab51', '#eceba3']
            ],
            transitionSpeed: 7000
         }
      }
   })
});

以下是“无法正常工作”项的链接：

---

有人知道怎么了吗？正如开始时在本地机器上写的那样，它呈现得非常完美。这不是该页面使用的唯一图像（其余部分呈现OK；但granim使用的唯一图像）

基本解决-与合作，因此在任何意义上都不再紧迫；但是，如果有人知道为什么它不能与本地路径一起工作，请让我知道。基本上解决了-与一起工作，所以这在任何意义上都不再紧迫；然而，如果有人知道为什么它不与本地路径工作，请让我知道。