部署的 GitHub Pages 未反映我的最新代码

Question

我的 GitHub Pages 部署遇到问题，部署的站点未反映我的存储库中的最新代码。尽管确认 GitHub 上的代码已更新，但实时站点保持不变。

迄今为止采取的步骤

这是我尝试解决该问题的方法：

1. 确认代码更新：检查主分支（设置为在 GitHub Pages 上部署的分支）以确保它包含最新代码。
2. 清除浏览器缓存：清除浏览器缓存以排除任何本地缓存问题。
3. 强制缓存刷新：在index.html中添加标签以防止缓存：

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

4. 重建和重新部署：使用 npm run build 重建项目并将更新的构建文件推送到 GitHub。
5. 检查 GitHub Pages 部署状态。确保 GitHub Pages 已正确设置为从主分支进行部署。
6. 强制推送到 GitHub。尝试用力推：

git add .
git commit -m "Force update deployment"
git push origin main --force

7. 直接编辑GitHub网站上的test.js文件，看看是否可以强制更新部署页面。

观察结果

• 当我在本地测试该站点时，它正确反映了所有最新更改。
• 每次更新和部署后，GitHub Pages 上的实时站点仍然显示旧版本，即使我创建新分支进行部署也是如此。

其他详细信息

• 存储库 URL：我的 GitHub 存储库
• 用于部署的分支：main
• 构建工具：React（创建React应用程序）
• 部署方法：直接 GitHub Pages 设置

请求帮助

还有其他人遇到过 GitHub Pages 未更新的问题吗？是否有我可能忽略的特定故障排除步骤或部署设置？我很感激任何解决此问题的指导或建议。

预先感谢您的帮助！

Answer 1

我已经解决了这个问题。我注意到即使在多次尝试重新运行所有作业之后，主分支的部署仍然陷入困境。由于我无法查看后端发生的情况，因此我尝试部署 gh-pages 分支。

这就是我所做的：

1. 设置 gh-pages npm 包以自动仅将构建文件部署到 gh-pages 分支。
2. 使用“部署”脚本更新了我的 package.json：

"scripts": {
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}

3. 现在，每次我想更新实时站点时，我只需运行 npm run deploy 即可。此过程可确保 gh-pages 分支与最新版本保持同步，并且 GitHub Pages 现在可以正确反映我的更新。