2016-11-04 81 views
15

我正在最困难的时间将一个简单的反应应用程序部署到github页面。您将一个文件移动到错误的目录,它会抛出整个进程。如何使用create-react-app将反应应用程序部署到github页面?

我一直在试图上传我简单的反应应用程序到github页面或heroku大约6个小时了。这是一个单页应用程序!

是因为我使用Create-React-App,它还是新的?

我失去了这么多的动力我明天就有这个项目,我无法部署它。

我一旦运行npm run build,该怎么办?

这将我的所有文件放到一个build文件夹中,但浏览器仍然不停地给我404错误,认为在初始url路由的“/”之后键入的任何内容都是从服务器中查找实际文件。我只想使用在我设置的React路由器中的/作为路由之后发生的任何事情...... :(

回答

18

Create-react-app有关于如何将构建部署到Github Pages和Heroku的详细部分。你可以阅读它here

+0

感谢您的回复,这是我遵循的确切教程,我认为它与浏览器如何解释文件有关,例如,我的应用程序使用react-router,当我想要去一个新的路线,即/用户/ 5 /仪表板,我得到一个错误404,因为我认为浏览器正在寻找根服务器,然后它认为应该被称为用户的FOLDER,然后一个文件夹里面叫做5,然后是另一个叫做仪表板的内部。我按照反应教程给TEE和浏览器(chrome)仍然保持gi对我错误404的。我不知道为什么。 – user7024499

+1

React用于前端,因此react-router只提供前端路由解决方案,所以后端不知道路由。 [这个问题和答案](https://stackoverflow.com/questions/28553904/client-routing-using-react-router-and-server-side-routing)非常好地解释了这些概念。 –

+0

在同一个create-react-app教程部分也有解决方案。您可以切换到在组件中使用hashHistory而不是browserHistory,或者通过重定向到index.html来处理404。 –

相关问题