首页
学习
活动
专区
工具
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应用部署到云端。了解更多信息,请访问腾讯云静态网站托管产品介绍页面:腾讯云静态网站托管

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

相关·内容

  • 用 Gatsby 创建一个博客

    Gatsby 是一个令人难以置信的静态站点生成器,它允许使用React作为渲染引擎引擎来搭建一个静态站点,它真正具有现代web应用程序所期望的所有优点。它通过在构建时通过服务器端渲染将动态的 react 组件呈现为静态 HTML 内容。这意味着您的用户可以获得静态站点的所有好处,比如不使用JavaScript、搜索引擎友好性、非常快的加载速度等等,也并没有失去现代web所期望的活力和交互性。一旦呈现为静态 HTML,客户端站点的React和JavaScript会接管它并添加动态的内容。 Gatsby 最近发布了v1.0.0,推出了很多新特性。包括(但不限于)使用GraphQL创建内容查询的能力,与各种cms集成——包括WordPress、Contentful、Drupal等等。还有基于路由的代码分布使得用户体验更佳。在这篇文章中,我们将深入探讨 Gatsby 和一些新特性,并创建一个静态博客。让我们开始吧!

    03
    领券