Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 部署到github页面时将不会加载图像_Reactjs_Image_Web_Deployment_Github Pages - Fatal编程技术网

Reactjs 部署到github页面时将不会加载图像

Reactjs 部署到github页面时将不会加载图像,reactjs,image,web,deployment,github-pages,Reactjs,Image,Web,Deployment,Github Pages,我正在使用create-react-app构建一个简单的react-app,但是,当我将项目部署到github页面时,图像不会加载,但是当我使用命令提示符部署应用时,图像加载很好 我在所有图像中都遇到此错误: 加载资源失败:服务器响应状态为404() 任何帮助都将不胜感激。谢谢大家! 404表示它找不到图像。可能是您必须更改文件路径。如果可以,请为图像使用绝对路径。这样你就能确信它会起作用。否则,您必须通过更改路径来尝试它是否有效。例如,如果图像位于图像文件夹中 试一试 /images/imag

我正在使用create-react-app构建一个简单的react-app,但是,当我将项目部署到github页面时,图像不会加载,但是当我使用命令提示符部署应用时,图像加载很好

我在所有图像中都遇到此错误:

加载资源失败:服务器响应状态为404()


任何帮助都将不胜感激。谢谢大家!

404表示它找不到图像。可能是您必须更改文件路径。如果可以,请为图像使用绝对路径。这样你就能确信它会起作用。否则,您必须通过更改路径来尝试它是否有效。例如,如果图像位于图像文件夹中

试一试

/images/image1.jpg


/images/image1.jpg

我今天也有同样的问题。问题在于文件路径。在github上部署项目时,它不在http://localhost:3000 但是URL是 将create react应用程序部署到package.json中的GitHub页面时添加

"homepage":"http://YOUR_PROFILE.github.io/MY_APP/"
我的应用程序更改为您的存储库名称。请记住,要将文件的结构设置为将images文件夹放在公共目录中,而不是src中。指向图像的路径,而不是“/images/photo1.jpg”或“/images/photo1.jpg”

将路径更改为:。/MY_APP/images/photo1.jpg'


在我的例子中,它就像一个符咒。

起初它是这样的:assets/teatimges/eb.jpg,然后我将它改为:../assets/teatimges/eb.jpg,但它仍然不能在只有一个点的github pagestry上工作。而且/assets/teatimges/eb.jpgI也尝试了这两种解决方案,但似乎都不起作用。同样,如果我从cmd部署,它工作得很好,当我在github页面上部署时,它不会加载映像。