如何修改github上部署的react.js项目?

Question

我目前正在学习git, GitHub和react.js。所以，我需要在GitHub域中托管react.js项目。所以我做了一些研究，并在GitHub域中部署了react.js。通过执行以下步骤，我成功地部署了这个项目:

1。我创建了一个GitHub仓库。

2。然后在Terminal:npm install gh-pages --save-dev

中使用以下代码3。然后我在包中添加这一行。json文件:"homepage":"http://<github-username>.github.io/<repository-name>"，我也在包中添加了这个。json,脚本:

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

之后，我还在package.json中添加了这个:

"devDependencies": {
"gh-pages": "^3.1.0"
}

4。然后我添加了remote并提交了代码，并像这样推送了代码:

git remote add origin https://github.com/<github-username>/<repository-name>.git
git add .
git commit -m "initial commit"
git push origin master

5。然后我使用以下代码部署应用程序:npm run deploy

之后，一切都很成功，我的网站托管为https://<github-username>.github.io/<repository-name>

然后我试着修改这个网站，但是我不能。当我进入Settings>Pages时，我发现部署的分支是gh-pages，而这个分支不是我创建的。我把它改回master并保存了。当我刷新网站时，除了自述什么都没有。md文件。所以，我把它改回gh-pages，它又工作了。然后我做了一些研究来修改，我发现我只需要提交并再次使用这段代码:npm run deploy

所以，我喜欢这个，这个在终端显示:

> sample@0.1.0 predeploy
> npm run build

> sample@0.1.0 build
> react-scripts build
'react-scripts' is not recognized as an internal or external command,
operable program or batch file.

这是怎么回事?我需要一个解决方案来修改已部署的react.js应用程序。任何回答我问题的人都会很感激。谢谢🙏.

Answer 1

如果我没有理解错你的问题，这里是我的一点建议。

您只需要添加、提交并将更改推送到主存储库，然后运行以下步骤:

• npm安装
npm run predeploynpm run deploy

步骤成功后，您需要等待几分钟才能进行更改。

Answer 2

直接克隆项目并创建一个新的分支。

修改项目。然后像往常一样添加和提交。

然后使用代码git pull

然后输入git push <your remote name> <the name of the branch you have created early>

然后转到Github并刷新页面。您将看到比较拉请求按钮。单击。然后添加标题和描述。然后单击"创建新的拉取请求"。如果您的分支是可合并的，您将转到另一个页面，您将看到合并拉取请求按钮并单击该按钮。这是所有。单击"安全删除分支"，可以删除自己创建的分支。

然后使用代码npm run deploy

我希望这行得通😊.