部署时Gh页面未呈现src或公共文件夹w/ React是指在使用React框架进行开发时,将应用部署到GitHub Pages(Gh页面)时,页面无法正确显示src文件夹或公共文件夹中的内容。
解决这个问题的方法是:
public
的文件夹,该文件夹用于存放公共文件,例如图片、字体等。如果没有该文件夹,可以手动创建一个。public
文件夹中存在一个名为index.html
的文件,该文件是应用的入口文件。src
文件夹中存在一个名为index.js
的文件,该文件是应用的主要逻辑文件。index.js
文件中,确保使用了正确的路径引入了index.html
文件,例如:import './index.html';
。package.json
文件中,确保设置了正确的homepage
字段,该字段应该指向GitHub Pages的URL,例如:"homepage": "https://your-username.github.io/your-repo"
。npm run build
命令,将项目打包生成静态文件。gh-pages
分支中。gh-pages
分支。总结一下,部署React应用到GitHub Pages时,确保存在正确的文件夹结构、正确引入文件、设置正确的homepage
字段,并将生成的静态文件上传到gh-pages
分支中,即可解决部署时Gh页面未呈现src或公共文件夹的问题。
腾讯云相关产品推荐:腾讯云静态网站托管(CloudBase)是一种无服务器的静态网站托管服务,可以帮助你快速部署和管理静态网站。它提供了简单易用的界面和丰富的功能,可以轻松地将React应用部署到云端。了解更多信息,请访问腾讯云静态网站托管产品介绍页面:腾讯云静态网站托管。
领取专属 10元无门槛券
手把手带您无忧上云