使用create- React -app将react应用程序部署到github页面不起作用
使用create-react-app将React应用程序部署到GitHub页面不起作用可能是由于以下原因：
- 配置问题：在部署到GitHub页面之前，需要确保正确配置了应用程序的package.json文件中的"homepage"字段。该字段应设置为GitHub页面的URL，例如："https://yourusername.github.io/your-repo-name"。
- 构建问题：在部署之前，需要使用npm run build命令构建React应用程序。这将生成一个用于部署的优化过的静态文件集合。
- 仓库设置问题：确保你的GitHub仓库已经正确设置为托管静态页面。在仓库的设置页面中，选择"GitHub Pages"选项卡，并将"Source"设置为"gh-pages"分支。
- 部署问题：使用npm install --save gh-pages命令安装gh-pages模块。然后，在package.json文件中的"scripts"部分添加以下两个脚本：
- 部署问题：使用npm install --save gh-pages命令安装gh-pages模块。然后，在package.json文件中的"scripts"部分添加以下两个脚本：
- 运行npm run deploy命令将应用程序部署到GitHub页面。
如果你遇到了问题，可以尝试以下解决方案：
- 确保你的React应用程序没有任何错误或警告。在开发过程中，可以使用浏览器的开发者工具来检查错误和警告信息。
- 检查你的GitHub仓库的设置是否正确，并确保你有足够的权限来进行部署。
- 检查你的网络连接是否正常，有时部署过程可能会受到网络问题的影响。
- 如果你使用的是自定义域名，请确保你的域名解析设置正确，并且已经过了必要的时间来生效。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、可靠、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
- 物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。详情请参考：https://cloud.tencent.com/product/iot
- 云原生应用引擎（TKE）：提供高度可扩展的容器化应用管理平台。详情请参考：https://cloud.tencent.com/product/tke
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
3回答
我正在使用create- React -app构建一个简单的React应用程序，但是，当我将项目部署到github页面时，图像不会加载，但当我使用命令提示符部署应用程序时，它们加载得很好。
浏览 7提问于2018-11-29得票数 2
我用这个创建了一个react应用程序。我还向它添加了react路由器，因此我的index.js现在看起来如下：import ReactDOM from 'react-dom';import { Route
} from 'rea
浏览 4提问于2017-09-04得票数 0
回答已采纳
应用程序的前端是使用CRA构建的。后端是用Laravel - Laravel Sanctum和Laravel Fortify构建的。我正在使用craco来构建应用程序。错误: React Refresh运行时不应包含在生产捆绑包中。
浏览 15提问于2021-06-28得票数 0
我设置了一个github操作来构建我的react应用程序，并将构建目录提交到我的repo的gh-pages分支。以下是访问github页面站点时的控制台输出 Error with Permissions-Policy header: Unrecognized feature: 'interest-cohort'.thatnerduknow.github.io/:1 GET https://thatnerduknow.github<
浏览 24提问于2021-10-28得票数 0
1回答
我使用create- react -app构建了一个静态react网站，并使用git和github将其部署到netlify中。事实证明，我现在必须在我的网站上做一个小小的改变。我应该怎么做才能使更改反映在已部署的站点上。我在github中提交了更改，但更改没有显示在实时部署的url中。
浏览 21提问于2020-08-26得票数 0
回答已采纳
我使用create- React -app作为我的React应用程序的模板。我正在使用fetch向我的本地服务器发出请求 .then(function(res){.then(function(res){})
最终，当我部署到he
浏览 0提问于2016-12-30得票数 5
我正在使用create- react -app构建一个react项目，并试图弄清楚如何将我的代码部署到Siteground上的托管服务器上。提前感谢！
浏览 0提问于2018-01-25得票数 13
2回答
我从一个正在与我一起工作的ReactJS项目的团队成员那里得到了一个外部应用程序接口。该文件如下所示的https://dev.wavemakerfutureproof.co.uk/futureproof-sdk.js 我想知道利用这个应用程序接口提供的所有方法的最佳方法是什么，因为我假设这不像
浏览 25提问于2020-07-23得票数 0
回答已采纳
当我使用github页面时，我的任何一个组件都不会呈现。我的CSS似乎工作(我可以看到背景模式)，但我的任何反应组件呈现。在本地，一切都很好，但当我使用github页面时，情况就不是这样了。这里有一个链接到我的回购：，我尝试过使用路由器组件，但到目前为止我还没有弄清楚。我的index.html文件有什么问题吗？
浏览 11提问于2022-10-24得票数 1
回答已采纳
我使用create- react -app将一些react样板程序部署到heroku，并成功部署。它不适用于https，但适用于http。
这就是它给我的错误，我不认为我对create react app的依赖是不好的，但我不知道它还可能是什么。
浏览 1提问于2019-12-18得票数 0
1回答
我正在尝试将一个使用create- react -app引导的react应用程序部署到heroku。构建总是失败，我在命令行和构建日志中看到以下错误 https://github.com/AdamT213/RateYourAcquaintance.gitbash:
/
浏览 0提问于2018-05-31得票数 0
我使用create- React -app命令创建了一个基本的react应用程序，并将其部署到Google Cloud(App Engine)。在GCP上为我的应用程序添加身份验证的选项有哪些？我想让用户登录之前，他们的谷歌电子邮件帐户能够使用该应用程序。
浏览 11提问于2019-10-14得票数 1
回答已采纳
我想在我公司的CMS中部署一个使用create- React -app构建的react应用程序。我不能在CMS上托管资产，只能托管脚本标签、css标签和根DIV。我已经将静态资产部署到S3，并将我的publicPath指向AWS，但在我的CSS中，组件并未呈现。我刚接触过webpack的配置，不知道该怎么做。
浏览 0提问于2017-05-19得票数 0
我使用create- react -app命令创建了一个react应用程序，并尝试使用上的说明将其部署到heroku上Creating/node_modules/newsapi/index.js:17 https://github.com/face
浏览 0提问于2018-08-15得票数 1
我正在使用react.js制作简单的应用程序。我试着使用npm start在本地运行它，它运行得很好。在github页面上部署react-table 是否有问
浏览 4提问于2021-07-07得票数 1
我一直在尝试构建一个集成了React前端的Rails API，并将其部署到Heroku。我正在使用create- React -app在Rails项目文件夹中名为"client“的目录中构建React应用程序。当我将它部署到Heroku时，它可以工作，除非我使用React Router url并尝试刷新页面，或者尝试在浏览器中复制并粘贴
浏览 22提问于2019-07-03得票数 2
我有一个github页面。我在github页面上有很多实时项目演示。现在，我想将我的个人文件夹上传到我的github根项目目录。(例如：)现在我已经使用react和react-router制作了我的个人作品集。一切都运行得很好。但在某种程度上，我意识到其他项目(例如：)，react-router也在捕捉它们，它基本上显示了我的项目组合中一个未找到的页面(根)。我不希望它捕获'/‘
浏览 0提问于2018-03-30得票数 0
请帮助修复我在将网页部署到git-pages后遇到的这个错误。 现在，在运行我的React应用程序之后，它编译成功了，但是当您刷新页面时，浏览器中没有显示任何内容，这个错误会在控制台上弹出。link to the React app
浏览 77提问于2021-08-06得票数 0
回答已采纳
1回答
我已经使用create- react -app开发了一个react redux应用程序。现在我想把它部署到不同的环境中，比如我的本地环境，比如本地主机/abc，一些UAT环境，比如等，还有生产环境，比如。如何使用不同的环境配置(如local、UAT、Prod等)制作基本URL。
浏览 1提问于2018-03-17得票数 2
我已经使用create- react -app创建了一个react应用程序。当我通过localhost测试它时，我所有的css和bootstrap都正常工作。然而，当我部署react应用程序时，bootstrap样式突然不起作用了(但App.css中的css仍然有效)。App.js (包含路由
浏览 8提问于2021-06-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
