将 React 应用程序部署到 Github 用户页面

Question

我在将 React 应用程序部署到我的 Github 用户页面时遇到了一些麻烦。 我已阅读 create-react-app 文档并了解如何使用“yarn run deploy”部署到项目页面，但是，这不是我想要做的。

我认为问题在于用户页面在 repo 的根目录中查找 index.html，但是“npm run build”在单独的构建目录中生成该文件。 由于用户页面必须从 master 分支构建，我正在寻找一种在 repo 的根目录下生成这些构建文件的方法。 我的第一个想法是修改“build.js”脚本，但我不确定当我打开它时我在看什么。

对于它的价值，当我在推送到 Github 之前将我的构建目录的内容直接拖到根目录中时，应用程序工作得很好，并且可以在用户名.githubo.io 上随意访问。 然而，这感觉相当草率和乏味。

我已经尝试将 package.json 中的“主页”设置为“用户名.githubo.io/”，但部署脚本仍然生成一个单独的 gh-pages 分支，从中构建应用程序（同样，不是允许用户页面）。

提前感谢帮助！ 如果我能澄清，请告诉我。

编辑：

https://tyler-coleman.github.io/

https://github.com/tyler-coleman/tyler-coleman.github.io

包括指向当前站点和 repo 的链接，以便你们更好地了解我在说什么。 现在我已经通过包含“cp -a build/..”解决了这个问题。 在我在 package.json 中的部署脚本中。

我只是觉得文档包含部署到项目页面而不是用户页面的说明很奇怪。

Answer 1

它工作正常，因为您的本地主机计算机正在运行节点和节点包管理器 - github 页面不运行 node.js，这是您的实例需要响应的内容。

如果你想运行 react 和 node，我建议你以每月 5 美元的价格租一个 linode linux 盒子，然后安装你需要的东西。 每年额外支付 12 美元，您就可以注册自己的花哨域名。

Answer 2

我发现了一个很好的教程部署在Github的用户页面反应在这里。

本质上，您必须将 React 源添加到另一个分支（通常是dev ），然后在package.json预先存在的“脚本”对象中设置以下内容：

"predeploy": "npm run build",
"deploy": "gh-pages -b master -d build",

这告诉 gh-pages 在 master 分支部署 React App。

除此之外，您还必须在对象的最高级别添加“主页”：

"homepage": "https://yourgithubusername.github.io",

将dev设置为存储库的默认分支也是一个好主意。

有关更多详细信息，请参阅上面的链接。