无法更新使用github-pages发布的react应用的内容

Question

我是新手，对git也不是很熟悉。我在github-pages上部署了一个React应用程序。我做了一些更新，并在master分支上推送了这些更改。当我重新加载我的网页时，更新没有显示。该应用程序配置为使用gh-pages分支，但我不知道如何从命令行使用git访问此分支。

如何更新我的react应用程序？

Answer 1

我花了几天的时间终于找到了react-gh-pages不更新的答案。我希望下面的答案对我有帮助。这是我研究过的多个答案的组合：

最主要也是最常见的原因是浏览器的缓存功能。为了在每次渲染index.html时禁用它，

1. 将此代码段添加到公用文件夹下的index.html文件中。

​

<meta http-equiv='cache-control' content='no-cache'> 
<meta http-equiv='expires' content='0'> 
<meta http-equiv='pragma' content='no-cache'>

​

1. 将所有新更改推送到主分支或主分支(而不是原始页面)。
2. 至此，您的主分支已更新。
3. 现在运行：git push origin :gh-pages。这将删除gh-pages分支。
4. 运行：npm run deploy。这将构建你的应用程序，并使用更新的内容重新创建gh-pages分支。
5. 现在转到应用程序回购页面右上角的设置部分。向下滚动到底部。在Github Pages部分的源代码下，有一个分支部分。将其更改为您的主分支或主分支。保持根文件夹的原样。
6. 转到您的站点，您将看到一个自述文件。这可能需要一些时间。大约一分钟后，将分支改回gh-pages。一分钟后访问你的网站，现在应该已经更新了。

编辑:由于你已经删除并重新创建了gh-pages分支，在步骤6之后，如果你去你的网站，你可能会得到网站找不到错误。先别惊慌。确保将发布源更改为master分支，并等待您在网站上看到自述文件内容。只有在此之后，您才能返回并将发布源更改回gh-pages分支。它需要一些时间来更新，但它最终会工作的！

我希望这能帮到你!请在评论区让我知道它是否也适用于您，干杯！

Answer 2

只需通过运行以下命令重新构建：

npm运行部署