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

Vite + React应用部署GitHub Pages失败求助

解决GitHub Pages部署后显示源码index.html的问题

可能的原因及修复方案

  • 检查package.json中的homepage配置
    确认是否正确设置为https://painkkiller.github.io/zscore/,路径错误会导致资源加载异常,GitHub Pages无法正确识别构建产物。
  • 确认构建命令是否生成正确的静态文件
    执行npm run build(Create React App类项目),检查build目录下是否是编译后的index.html及对应js、css静态资源,而非包含JSX引用的源码文件。若build目录仍是源码,说明构建流程存在问题,需排查项目配置。
  • 验证gh-pages分支的文件结构
    确保npm run deploy脚本是将build目录内容推送到gh-pages分支,而非项目根目录文件。手动查看gh-pages分支,确认根目录是编译后的index.html和静态资源文件夹,而非项目源码。
  • 检查GitHub Pages部署源设置
    进入仓库Settings页面的Pages选项,确认部署源选择gh-pages分支的/root目录,而非其他分支或路径。
  • 强制刷新浏览器缓存
    按Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)强制刷新页面,避免浏览器缓存旧的源码文件。

内容的提问来源于stack exchange,提问作者Dmitry Malugin

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.13 22:24:50