在 Github Pages 中显示图库中的图像时出现问题，但在 LiveServer 扩展中效果很好

Question

我在 Github 页面上的桌面和移动视图中遇到图像库的主图像问题。我不知道为什么图像没有显示，当我打开 VS Code 并使用实时服务器时，我可以很好地查看它并且一切都是正确的，但是在 Github 页面中看不到它，并且元素的颜色变化也没有执行时显示：将鼠标悬停在它上面，如果有人可以帮助我，我将不胜感激。 非常感谢您的阅读并祝您有美好的一天。

这是 GitHub 中的存储库链接： https://github.com/Dev-Gus/front-end-challenge1

这是 Github Pages 链接： https://dev-gus.github.io/front-end-challenge1/

我尝试使用样式或 JavaScript 来使用各个元素的代码，但没有任何效果，而且我不知道还能做什么。

Answer 1

只需修复 main.js 中图像的 URL。

const imgURLs = [
    './images/image-product-1.jpg',
    './images/image-product-2.jpg',
    './images/image-product-3.jpg',
    './images/image-product-4.jpg'
];