将我的React应用程序部署到github页面后,我看到404

时间:2019-08-23 00:17:16

标签: reactjs github

我正在尝试将“ hello world” react应用程序部署到github页面,但无法正常工作。相反,我看到404。

我按照此处的步骤操作-https://create-react-app.dev/docs/deployment#github-pages-https-pagesgithubcom

首先,我在github上创建了一个名为test-react-deploy的存储库,并将其克隆到〜/

比我创建了一个新的react应用程序

cd /tmp
npx create-react-app test-react-deploy
cd test-react-deploy

比我将其内容(没有.git文件夹)移动到我的应用程序存储库中

cp -r .gitignore node\_modules package.json public src yarn.lock ~/test-react-deploy
cd ~/test-react-deploy

我在package.json中添加了以下几行:

"homepage": "https://oren.github.io/food",
"predeploy": "npm run build",
"deploy": "gh-pages -d build"

我安装了gh-pages

npm install --save gh-pages

我将所有内容都推送到github并进行部署:

npm run deploy

但是当我转到https://oren.github.io/food时看到404了

(顺便说一句,我在github页面上没有名为food的文件夹)

谢谢!

1 个答案:

答案 0 :(得分:1)

似乎您是在test-react-deploy项目下创建gh页,因此您应该查看此处发生的情况:https://oren.github.io/test-react-deploy/