将我的React网站发布到GitHub页面只会产生一个空白页面
React 是一个流行的 JavaScript 库，用于构建用户界面。GitHub Pages 是一个免费的静态网站托管服务，可以将你的网站部署在 GitHub 上。当你将 React 网站发布到 GitHub 页面时，如果只出现一个空白页面，可能是以下几个原因导致的：
- 项目配置问题：确保你的 React 项目已经正确配置，包括必要的依赖项和配置文件。检查你的 package.json 文件，确保项目依赖已正确安装，以及配置文件中的相关设置是否正确。
- 打包问题：React 项目需要通过打包工具将源代码转换为浏览器可执行的代码。你需要确保你的项目已经经过打包，并且生成了可部署的静态文件。常见的打包工具有 webpack、Parcel、Create React App 等。
- 部署位置问题：当你将 React 项目部署到 GitHub Pages 时，你需要将打包后的静态文件放置在特定的目录中。默认情况下，GitHub Pages 会将静态文件托管在仓库的根目录下。确保你的静态文件已正确放置，并且路径与 GitHub Pages 的要求一致。
推荐的腾讯云相关产品：腾讯云静态网站托管服务（云存储 COS + CDN）。腾讯云静态网站托管服务提供简单易用的静态网站部署和托管方案，包括静态网站部署、自动化构建、自定义域名绑定等功能。你可以通过腾讯云静态网站托管服务来快速部署和托管你的 React 网站。
腾讯云静态网站托管服务介绍链接：https://cloud.tencent.com/product/scf-static 腾讯云对象存储（COS）介绍链接：https://cloud.tencent.com/product/cos 腾讯云内容分发网络（CDN）介绍链接：https://cloud.tencent.com/product/cdn
相关·内容
我可能遗漏了一些非常明显的东西，但我不太习惯使用GitHub或React，所以我需要一些建议。我的GitHub在这里：https://github.com/SarahACollins/PortfolioWebsite 我尝试在这里发布网站：https://sarahacollins.github.io/PortfolioWebsite/，它只产生<
浏览 18提问于2021-10-08得票数 0
1回答
在将我的react app上传到gitHub pages上之后，它显示了一个空白页，并且在控制台中显示没有错误。当我检查这些页面时，上面写着：
这里是elements 这里是Package.json 另外，当我用一个基
浏览 4提问于2020-07-29得票数 0
我在将我的React App部署到Github页面时遇到了问题。它给我显示了一张空白页。我添加了Homepage: 'https://Jonathan929-del.github.io/Jonathan-Gym'以及deploy和predeploy代码，但仍然显示一个空白页面，有什么问题吗
浏览 36提问于2021-09-04得票数 0
2回答
目前正在尝试将我的部署到Github页面上，但是我无法这样做。在gh页面上发布后，我得到的只是一个有正确背景颜色的屏幕，但没有任何内容。
我用这2页来尝试找出如何部署我的页面，它们是和。相反，我被自动地带到了localhost:3000/ space-旅游-网站的页面，但是要访问我的页面</e
浏览 10提问于2022-10-30得票数 0
回答已采纳
我看到了关于这个问题的其他话题，但遵循他们的建议对我的特定问题没有帮助。我已经尝试遵循github pages部分上的https://create-react-app.dev/docs/deployment/文档。第一次没有起作用，所以我想我可能做错了什么。所以，我也做了一个硬重置，然后重新开始，再试一次。 昨天我把我的计算器项目发布到了git中心页面。然后我删除了它
浏览 15提问于2019-12-13得票数 0
回答已采纳
1回答
到目前为止，我想将我的支付网关网站发布到GitHub页面，但是在运行了npm run build以及npm run deploy之类的所有命令之后，我的页面已经发布，但是在GitHub页面上，它显示了资源的错误下面是它在我的IDE中的样子：
浏览 9提问于2022-03-01得票数 1
当我将我的网站发布到Azure web应用程序时，我看到一个标题为“正在建设中的网站”的空白网站，如何更改默认页面
浏览 1提问于2018-01-02得票数 8
我试图将我的react应用程序部署到github页面，但它似乎没有正常工作。当我试图通过链接访问它时，我得到了一个空白页。有人知道解决办法吗？谢谢你的帮助!我的代码是：package.json
浏览 0提问于2020-08-19得票数 1
回答已采纳
我终于错误地将我的React发布到了GitHub页面上。我认为问题在于，我的React试图从本地计算机中提取文件，而不是我的GitHub (我无论如何都不想要)。我怎么才能改变这个？我的网站有一个错误：
不允许加载本地资源: file:///C:/Users/numak/Desktop/MyWe
浏览 0提问于2018-07-18得票数 1
请帮助我，我将我的React应用程序部署到GitHub页面，它上线了一段时间，然后它开始显示这些react指令(查看附件的屏幕截图)
(图片) (网站)
浏览 11提问于2020-02-05得票数 0
我正在尝试将我的颤音应用程序部署到GitHub页面。应用程序在flutter run -d chrome中运行良好，并使用flutter build web --release成功构建。但是，当我单击“查看部署”按钮时，我只会得到一个空白页面。Javascript控制台说：我也尝试过将/index.html添加到URL的末尾，但是没有运气。
有什么想法吗？<e
浏览 7提问于2021-01-12得票数 22
回答已采纳
我尝试将我的react web应用程序部署到github页面，但当我在控制台中找不到在线网站时，它会提示应用程序已准备好发布，我应该运行命令npm run deploy，但每次运行该命令时，我都会看到相同的消息name": "weather-app", "private": true,
&quo
浏览 3提问于2019-11-28得票数 2
当我尝试将我的react应用程序部署到GitHub页面时，我遇到了一个问题，它显示了一个空页面，空白。在我的GitHub中，我看到了一些文件，但看不到源代码本身。我使用yarn进行部署。下面是package.json文件： "homepage": "
浏览 2提问于2020-08-04得票数 1
我有一个角度应用程序部署到GitHub页面在<user>.github.io (与匹配的回购名称)作为我的投资组合网站。我在<user>.github.io/<project>上部署了另一个Angular应用程序，并正确设置了基本href。但是，当我试图访问项目页面时，我会被重定向到portfolio页面，包括URL中
浏览 4提问于2021-05-02得票数 0
我在sharepoint中有一个子网站，我想转到pages/forms/allitems.aspx。不是吗？为什么它会不见了？我想看看页面使用的是什么布局。
浏览 2提问于2010-01-14得票数 0
回答已采纳
我有一个托管在GitHub页面上的网站：https://mcbridebr.github.io/mysite-hugo/ 我将其设置为从master分支中的docs/目录发布到页面。当我运行hugo时，它将发布到docs/。 我可以很好地调出主页。但当我点击博客时，它会转到404。我有一篇博客文章在content/
浏览 79提问于2021-01-25得票数 0
我在上发现了一个问题，我想把它发布到一个由React修复的地方。
至于它没有连接到React，但与一个repo网站，我没有发现任何回购上的github是连接的反应网站。我的问题是，将我的问题发布到的正确位置是什么？
浏览 1提问于2021-04-05得票数 0
回答已采纳
1回答
无法编辑Github页面
、、、
因此，我刚刚发布了我的create应用程序到Github页面，除了图像之外，一切都很正常(尽管当我在本地测试时，图像运行得很好)。因此，我尝试更改一些内容(比如删除文本的部分)，然后再次发布到Github页面，但是我的任何更改都不会出现在我设置的Github页面网站上，而且我也不知道我做错了什么。我试过的是：
浏览 1提问于2020-02-02得票数 0
1回答
在我通过git把jekyll的网站推到Github repo之后。我的网站被发布了，是ok.After，我在在线上做了一些修改，我的一个文件，，，我的链接变成了空白。在执行了一些操作之后，站点再次显示此消息错误：
如果您试图发布一个，请阅读完整的文档，了解如何为您的
浏览 1提问于2019-03-28得票数 0
我在vs2008有一个网站。我已经创建了一个水晶报表，它在开发环境中工作良好。但是，当我将我的网站发布到IIS时，报告永远不会显示。它只显示一个空白页面。谁能告诉我如何解决这个问题？谢谢
浏览 0提问于2011-09-17得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
