反应服务有效，但部署到github页面或heroku失败

Question

我正在尝试部署此仓库

https://github.com/stepseazy/checkers/

访问此网站

https://stepseazy.github.io/checkers

但是，我收到404错误。我也尝试了heroku。当我在本地服务构建时，它确实起作用。不知道怎么了。请帮忙!!!

Answer 1

您必须区分您的开发环境和生产环境。在开发人员模式下，您运行npm start来执行操作（按照package.json中的说明）并充当本地服务器，并且在http://localhost:3000上投影 serving 。您根本无法在Github或Heroku的生产模式下使用它。

您需要部署运行npm run build的内置版本。它将在dist文件夹中创建一个javascript文件。您可能想要在Github上创建一个gh-pages分支，在其上构建此生产就绪文件，创建一个为其服务的index.html文件，然后提交。

我不是Heroku的专家，但情况可能有点类似（运行部署您的应用并通过index.html文件提供服务的部署后脚本）。

希望有帮助。