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

How Do I Modify A deployed react.js project on github?

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

1.I 创建了一个 GitHub 存储库。

2.Then 我在终端中使用了这段代码:npm install gh-pages --save-dev

3.Then 我在 package.json 文件中添加了这一行: "homepage":"http://<github-username>.github.io/<repository-name>" 我也在 package.json 脚本中添加了这个:

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

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

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

4.Then 我添加了远程并提交了代码,并像这样推送了代码:

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

5.Then 我使用此代码部署应用程序:npm run deploy

之后一切顺利,我的网站托管为 https://<github-username>.github.io/<repository-name>

然后我尝试修改这个站点,但是我不能。当我转到“设置”>“页面”时,我发现部署的分支是 gh-pages 而这个分支不是我创建的。我把它改回 master 并保存了。当我刷新站点时,除了 readme.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 应用程序。 任何回答我的问题的人都将不胜感激。 谢谢。

如果我没看错你的问题,这里是我的小建议。

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

  • npm 安装
  • npm 运行 预部署
  • npm 运行 部署

步骤成功后,您需要等待几分钟才能生效。

只需克隆项目并创建一个新分支。

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

然后使用代码git pull

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

然后转到 Github 并刷新页面。您将看到比较拉取请求按钮。单击那个。然后添加标题和描述。然后单击创建新的拉取请求。如果您的分支是可合并的,您将转到另一个页面,您将看到合并拉取请求按钮并单击 that.That 的全部。然后您可以通过安全地删除分支来删除您自己创建的分支。

然后使用代码npm run deploy

我希望这有效。