时间戳

首页 > 解决方案 > GitHub 页面找不到图像和 JavaScript 文件

javascript - GitHub 页面找不到图像和 JavaScript 文件

问题描述

使用这个模板构建一个带有智能合约交互的 React 网站，我能够让所有东西在localhost. 所有站点功能都正常工作并且图像呈现正确，但是在通过构建和部署之后npm，gh-pages 站点似乎没有找到我的图像和 JS 组件。

我试过编辑这里homepage看到的，但无济于事。我也浏览了文件并尝试弄乱这些位置。我不确定出了什么问题，而且我对这一切都很陌生，因此感谢您的帮助！index.htmlscr

GH回购

生长激素网站

编辑：根据此处的评论，我更新了所有图像的相对路径。这解决了一些但不是所有图像的图像显示问题。CONFIG项目仍然在部署中被破坏，即使它们工作正常localhost

标签： javascripthtmlreactjsnpmgithub-pages

解决方案

我查看了您的存储库，这是您的问题（特定于 GitHub Pages）：

<StyledImg alt={"example"} src={"/config/images/example.gif"} />

当您处理时，/您不在项目存储库中，而是在 GitHub 根文件夹中myusername.github.io，而您应该在myusername.github.io/my-repo. 克服此问题的一个好方法是将上面的行替换为：

<StyledImg alt={"example"} src=`${process.env.PUBLIC_URL + "/config/images/example.gif"}` />

并package.json像这样输入您的应用程序的 GitHub 页面 url：

"homepage" : "https://jack-baumgartel.github.io/Modern-Abstractions"

推荐阅读