deployment - 使用 create-react-app 在应用程序上托管的 github 页面上未加载图像

Question

我在https://jee3153.github.io/WhatToWeather-react/的 github 页面上部署了我的 repo ，它成功部署了。但是，图像不是。

我注意到一件事，所有代码都是从我的仓库下载的。例如 main.2473esf.chunk.js 指向：“ https://jee3153.github.io/WhatToWeather-react/static/js/main.2473esf.chunk.js ”要下载

但是图像指向：“ https://jee3153.github.io/images/weather/dkfjlie.svg ”之类的。

是否有某种规则将图像文件放在哪里？我不知道我做错了什么。

任何帮助，将不胜感激。谢谢

我查找了 create-react-app 的文档，但没有关于未加载图像的信息。

.

标签： deploymentcreate-react-appgithub-pages

Answer 1

图像在您的构建文件夹中吗？如果它们在构建期间位于您的 SRC 之外，则它们不会在构建期间包含在内。建议创建一个资产文件夹并指向该文件夹中的图像。CRA 在构建期间会忽略 SRC 文件夹之外的任何文件，包括公用文件夹。