【问题标题】:only readme.md is showing on github pages只有 readme.md 显示在 github 页面上
【发布时间】:2020-09-20 07:17:25
【问题描述】:

这是一个 react js 应用程序。我希望 index.html(默认位于公共文件夹中)作为我的根文件夹或导航 index.html 的任何链接 这是我的 github 页面:-https://impratikprtk.github.io/almostthere/ 这是我的存储库:- https://github.com/impratikprtk/almostthere

【问题讨论】:

标签: reactjs github github-pages github-for-windows


【解决方案1】:
  1. 从 repo 中删除所有文件
  2. 构建您的项目
  3. 将 build 中的所有文件都添加到 repo 中

希望有效!!

【讨论】:

    【解决方案2】:

    我发现这里的答案更有帮助:GitHub pages only showing ReadMe file?。我的网站显示了自述文件,因为我将源作为主控,当我认为我正在为主控部署时,我实际上是使用gh-pages 分支部署到我的远程,结果证明它更干净。当它从master读取时,它没有看到索引,所以默认显示README.md文件。

    我正在从一个创建反应应用程序进行部署。我没有意识到运行gh-pages -d build 实际上在您的远程(GitHub)上创建了gh-pages 分支,并根据需要自动推送到它。也就是说,要解决这个问题,我所要做的就是将我的页面源更改为 gh-pages 分支。

    1. 在 GitHub 存储库中设置您的源代码。 IE。

      您的 GitHub Pages 站点目前正在从 gh-pages 分支构建。

    2. package.jsondeploypredeploy 中添加到您的脚本

      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject",
        "predeploy": "yarn build",     // <--- this and
        "deploy": "gh-pages -d build"  // <--- that
      },
    
    1. 部署您的应用程序。 yarn deploy 假设你按照上面的方式编写了脚本。

    2. 登录 GitHub,转到您的存储库,然后查看应该为您创建的 gh-pages 分支。在实际网站上更新需要几分钟,因此这是检查部署是否正常工作的好地方。

    注意.. 文档中提到了初始部署.. 但我可以看到当我运行yarn deploy 时它实际上运行yarn build 而没有我先这样做.. 所以我似乎不需要运行“预部署”。希望在这里对此发表评论。

    【讨论】:

      【解决方案3】:

      我遇到了同样的问题。

      1. 确保将源从 master 分支更改为 gh-pages 分支。
      2. 如果您没有 README.md 文件,请在 gh-pages 分支创建一个。

      这应该可行!

      【讨论】:

        【解决方案4】:

        在我的例子中,我必须将活动分支设为 gh-pages 分支,并且还要从设置的选项选项卡中将 Source 分支设为 gh-pages 分支。

        【讨论】:

          猜你喜欢
          • 2015-10-08
          • 2012-08-08
          • 1970-01-01
          • 2018-12-29
          • 2020-08-29
          • 2014-08-08
          • 2023-01-01
          • 2018-12-25
          • 1970-01-01
          相关资源
          最近更新 更多