Question

我一直在试图找出如何在GitHub Pages上托管我的React App。我找到了这两个指南，但似乎都不起作用：

https://github.com/gitname/react-gh-pages

https://itnext.io/so-you-want-to-host-your-single-age-react-app-on-github-pages-a826ab01e48

第一个指南似乎仅适用于预制的React-App（过程的第2步）。另一方面，它似乎可以正常工作。本指南的问题是我是从头开始制作应用的，因此我没有相同的代码名称。例如，我不得不使用（因为dist /是我的构建路径）：

"scripts": {
    //...
    "predeploy": "npm run build",
    "deploy": "gh-pages -d dist/"
}

其他指南似乎也有相同的问题（不是自定义应用程序），但是我不确定，因为我无法识别所有代码。由于许多代码不同，例如，它们具有：

“scripts”: {
    “start”: “react-scripts start”,
    “build”: “react-scripts build”,
    “test”: “react-scripts test — env=jsdom”,
    “eject”: “react-scripts eject”,
    “predeploy”: “npm run build”,
    “deploy”: “gh-pages -d build”

}

当我部署gh-pages时，我的github存储库中建立了一个不同的分支，但是我不确定它是否应该自动运行。本质上，我对此很陌生，所以我不确定自己做错了什么。我真的很想完成使用GitHub Pages创建该网站的过程，因为我似乎已经很接近了，但是如果这没用，是否有免费的替代方法可以轻松设置？

这是我的github master分支的链接：https://github.com/NumaKarolinski/PersonalWebsite

我认为通过查看我的package.json和webpack.config.js，可以明显看出我的工作方式与平常不同吗？

遵循该指南时，我没有收到任何错误，但是预期的URL仅有404错误。控制台中没有任何错误（Chrome上有favicon.ico错误，但由于我没有favicon而没有多大意义）。

Answer 1

对于其他选项，我更喜欢将firebase用于reactjs应用。只需按照以下步骤将应用程序构建部署到firebase。

install firebase cli
cd to project
npm run build
firebase init
firebase deploy

您已完成。希望获得帮助

Answer 2

在您链接的示例中，他们使用create-react-app作为样板，这就是为什么它看起来如此不同的原因。所有构建脚本均已提供给您。我建议对小型到中型项目使用create-react-app，如果需要，您随时可以eject来配置样板。 Github页面可能是最简单的选择，但是您真的很接近。

选项1：

您需要创建一个构建目录，并将该目录推送到Gitbub分支，并让Github为您的网站托管该分支。为此，您需要转到该存储库中的设置并将其设置为使用其他分支。只要确保该分支中只有内置的应用程序即可。基本上，您的所有js文件都应压缩为一个文件，依此类推。

选项2：

您有一个非常小的应用程序，只需创建一个create-react-app并复制所有内容，然后再次按照说明进行部署即可。

如何设置GitHub Pages来托管我的React App？其他免费选项？

2 个答案: