You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

create-react-app部署GitHub Pages推送更新不生效问题

解答

是的,必须把最新的静态构建产物推送到gh-pages分支才会触发GitHub Pages站点更新,仅把源码变更推送到master分支不会自动同步站点内容。

  • create-react-app搭配GitHub Pages的常规部署逻辑里,master分支只存储项目源代码,GitHub Pages本身没有编译TypeScript、React代码的能力,只能托管纯静态的HTML/CSS/JS文件,默认配置下这些可直接运行的静态产物都存放在gh-pages分支。
  • 你修改完App.tsx、把变更推到master之后,不需要手动切换分支提交代码,直接在项目根目录执行npm run deploy就可以完成全量更新:这个命令会自动执行生产构建,把最新的build目录下的文件推送到gh-pages分支,触发站点重新部署。
  • 如果执行完部署命令还是显示旧内容,先强制刷新浏览器清除本地缓存,再到仓库设置的Pages配置页确认部署源选中的是gh-pages分支根目录;另外GitHub Pages的CDN节点刷新有1分钟左右的延迟,部署后稍等片刻再访问即可。

不要手动修改gh-pages分支里的内容,所有代码变更都在master分支修改,通过deploy命令自动同步构建产物即可,手动改gh-pages分支的内容很容易在下次部署时被覆盖,出现内容不一致的问题。

内容的提问来源于stack exchange,提问作者Grand Skunk

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.28 08:39:20