如何修改 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
我希望这有效。
我目前正在学习 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
我希望这有效。