gh-pages 页面显示空白页答案

【问题标题】：gh-pages page is showing blank pagegh-pages 页面显示空白页
【发布时间】：2022-11-26 14:39:50
【问题描述】：

这是我的 gh-pages 回购：https://github.com/Squinnb/acquco/tree/gh-pages 主要分支回购：https://github.com/Squinnb/acquco

我正在使用 Vite、Yarn 和 React(TypeScript) 我将发布 package.json 文件的内容：

{
  "name": "acquco",
  "private": true,
  "version": "0.0.0",
  "homepage": "https://squinnb.github.io/acquco",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview",
    "predeploy": "yarn run build",
    "deploy": "gh-pages -d dist"
  },
  "dependencies": {
    "@types/react-router-dom": "^5.3.3",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.4.3"
  },
  "devDependencies": {
    "@types/react": "^18.0.24",
    "@types/react-dom": "^18.0.8",
    "@vitejs/plugin-react": "^2.2.0",
    "gh-pages": "^4.0.0",
    "typescript": "^4.9.3",
    "vite": "^3.2.3"
  }
}

最后是网页地址：https://squinnb.github.io/acquco/ 和错误的图像：

任何建议都会有所帮助。谢谢。

【问题讨论】：

标签： github-pages

【解决方案1】：

你是 building GitHub Pages from main，而不是来自 gh-pages 分支。转到您的回购设置，单击左侧栏中的Pages，并将分支选择更改为gh-pages以使用构建的资产而不是源文件。

【讨论】：