我认为问题在于我实际上没有更新存储库的gh-pages分支,我不确定我是否应该这样做。如果答案是肯定的,那么我该怎么做呢?我也不太确定如何推送那个分支。
我已经发布过这个问题了,但时间已经很长了,没有人回复,所以我在这里添加了一些我认为可能存在的问题的更多信息。 原帖
gh-pages
分支。 gh-pages
命令会代替您进行推送。"deploy": "gh-pages -d dist"
。 根据gh-pages
文档,当您运行gh-pages -d dist
时,gh-pages
命令将会将当前分支中的dist/
目录中的所有文件发布到远程的gh-pages
分支中。 然后,您的站点将从已推送到该gh-pages
分支的构建文件中提供服务。gh-pages
文档的末尾写道:
^^^ 这些指示实际上是错误的。 第一个选项应该是如果gh-pages失败,您可能需要手动清理缓存目录。 要删除缓存目录,请运行node_modules/gh-pages/bin/gh-pages-clean或删除node_modules/.cache/gh-pages。
node node_modules/gh-pages/bin/gh-pages-clean
。 第二个选项应该是删除node_modules/gh-pages/.cache
(因为.cache
位于gh-pages
中,而不是相反)。gh-pages
分支后仍然无法正常工作,您可以尝试其中一种清除缓存的选项。gh-pages
分支,而且我不确定是否应该这样做。 如果答案是肯定的,那么我该怎么做呢? 我也不太确定如何推送那个分支。gh-pages
渲染的,那么是的,那就是您应该进行更改并将更改推送到 GitHub 的分支。git checkout gh-pages
检查它,git add
您希望提交的更改,和git commit
创建一个新提交。gh-pages
推送到 GitHub。 再次说明,我不知道您的确切工作流程,但检出 gh-pages
并使用简单的 git push
即可。gh-pages
在 gh-pages -d dist
中是什么意思?我不知道有一个 gh-pages
命令。 - Chrisgh-pages
命令的工作原理是什么? - Chris我使用https://github.com/gitname/react-gh-pages上的指南来设置gh-page。 要更新使用create-react-app制作的React应用程序,我只需要运行yarn build
然后运行yarn run deploy
。
我曾经遇到过同样的问题,并尝试了很多复杂的在线解决方案。最终,我发现以下方法可行:
npm run deploy
从主/主分支输入以下命令:
npm build
然后
npm run deploy
这是Github提供的更新React应用程序的答案:
链接在此:https://github.com/Frnt-End/Update-React-in-GitHub-Pages
以下是页面的基本说明:
如何在GitHub页面中更新React:
假设您已经运行了gh-pages的GitHub页面,并且在您推送更改后,您可以在repo中看到它们,但是GitHub页面没有被更新。
继续阅读完整指南或查看教程页面中的快速解决方案(如果您想了解教程页面中的全屏视频,请查看此指南以了解如何在React中设置响应式视频)
在此示例中,我们使用npm和名为main的分支,如果需要,根据自己的设置进行更改。我们已经有一个构建目录-如果您没有构建目录怎么办?没问题!只需执行npm run build命令(确保构建文件夹未列在.gitignore文件中)。 让我们开始 解决方案很简单-我们只需要更新构建目录! 在终端中:
确保您在项目文件夹中,并且没有其他进程正在运行(要在终端中停止所有处理:在Windows中按Ctrl + c或在Mac中按Cmd + c)
部署构建文件夹:
npm run deploy
(如果您在代码编辑器中使用GitHub,则会看到构建文件夹内容被添加到未暂存的更改中-准备好进行分段)。
全部暂存:
git add .
...然后提交:
git commit -m“更新gh-pages的构建”
最后一步-推送到GitHub:
git push -u origin main
"deploy": "./node_modules/gh-pages/bin/gh-pages-clean.js && gh-pages -d build"
- Dreadnaut