首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

部署时Gh页面未呈现src或公共文件夹w/ React

部署时Gh页面未呈现src或公共文件夹w/ React是指在使用React框架进行开发时,将应用部署到GitHub Pages(Gh页面)时,页面无法正确显示src文件夹或公共文件夹中的内容。

解决这个问题的方法是:

  1. 确保在项目的根目录下存在一个名为public的文件夹,该文件夹用于存放公共文件,例如图片、字体等。如果没有该文件夹,可以手动创建一个。
  2. 确保在public文件夹中存在一个名为index.html的文件,该文件是应用的入口文件。
  3. 确保在src文件夹中存在一个名为index.js的文件,该文件是应用的主要逻辑文件。
  4. index.js文件中,确保使用了正确的路径引入了index.html文件,例如:import './index.html';
  5. package.json文件中,确保设置了正确的homepage字段,该字段应该指向GitHub Pages的URL,例如:"homepage": "https://your-username.github.io/your-repo"
  6. 在终端中运行npm run build命令,将项目打包生成静态文件。
  7. 将生成的静态文件上传到GitHub仓库的gh-pages分支中。
  8. 在GitHub仓库的设置中,将默认分支设置为gh-pages分支。
  9. 等待一段时间,GitHub会自动构建和部署你的应用。在部署完成后,你可以通过GitHub Pages的URL访问你的应用。

总结一下,部署React应用到GitHub Pages时,确保存在正确的文件夹结构、正确引入文件、设置正确的homepage字段,并将生成的静态文件上传到gh-pages分支中,即可解决部署时Gh页面未呈现src或公共文件夹的问题。

腾讯云相关产品推荐:腾讯云静态网站托管(CloudBase)是一种无服务器的静态网站托管服务,可以帮助你快速部署和管理静态网站。它提供了简单易用的界面和丰富的功能,可以轻松地将React应用部署到云端。了解更多信息,请访问腾讯云静态网站托管产品介绍页面:腾讯云静态网站托管

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券