在 github 用户页面上部署 React 投资组合网站答案

【问题标题】：Deploying react portfolio website on github user page在 github 用户页面上部署 React 投资组合网站
【发布时间】：2021-06-25 06:53:53
【问题描述】：

我正在研究我的投资组合，我使用 react 构建它，我想使用 GitHub 页面部署它。

所以，我开始部署，我已经按照'Create React App / Deployment' 给出的几乎所有步骤进行了操作，但我无法看到预期的结果。

你可以Check here at thisisnitish.github.io：它部署了自述文件，我尝试了一切来修复它，但它显示了相同的结果。

任何帮助将不胜感激？？？？？？。

【问题讨论】：

【解决方案1】：

由于https://hisisnitish.github.io 返回 404，这意味着 GitHub 没有发布任何内容。

确保选择分支main，文件夹public 以指示GitHub 从这些元素发布您的页面。

OP 补充说：

只有这样的根目录和 docs 文件夹

然后，为了测试，您可以尝试在 docs/ 文件夹中生成您的站点，而不是在 public/。
或者在单独的分支中生成它。

【讨论】：

已经有了，我已经添加了GitHub页面信息，请看帖子的最后一行
@NitishKumar 为什么不将其设置为公用文件夹：它是包含您想要的index.html 的文件夹。
我添加了截图，没有public文件夹，只有root和docs这样的文件夹，如果你去Configuring a publishing source for your GitHub Pages site类似于步骤5
@NitishKumar 好的。我已经相应地编辑了我的答案。
好的，我试试这个

【解决方案2】：

在您的 package.json 上，更改 deploy 脚本

"scripts": {
    ... (other scripts)
    "deploy": "gh-pages -b main -d build"
}

此外，不要将整个存储库推送到 github 页面上。这里只有/build 文件夹的内容很重要。

或者，您可以在本地构建您的 react 应用

npm run build

然后将/build（index.html 等）的内容上传/复制到您的存储库。

【讨论】：