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
相关产品推荐
相关产品推荐

