【问题标题】:React portfolio on GitHub Pages: 404 File Not FoundGitHub 页面上的 React 投资组合:404 File Not Found
【发布时间】:2021-03-28 19:00:57
【问题描述】:

因此,在使用 React 为我的作品集工作了数周后,我准备将其部署在 GitHub Pages 上。但是部署到https://ben-brunner.github.io/Reactfolio/ 后我得到的只是

404 文件未找到

我的仓库:https://github.com/ben-brunner/Reactfolio

我的主页在 package.json 文件中:

"homepage": "https://ben-brunner.github.io/Reactfolio/"

我在包中也有预部署和部署行。 我已经尝试了好几个小时了,帮助大家...

【问题讨论】:

    标签: reactjs github deployment


    【解决方案1】:

    GitHub 只有three options 用于 GitHub Pages 的发布源:

    • master分支根
    • master 分支上的 docs/ 文件夹
    • gh-pages分行

    您的 repo 将您构建的文件放在名为 public/ 的目录中。如果您将其重命名为 docs/ 并配置为从那里提供服务,您的网站应该可以工作。

    【讨论】:

    • 感谢您的帮助,但我不明白的一件事是,为什么所有关于“如何在 GH Pages 上部署 React 应用程序”的教程都能毫无问题地让他们的项目上线。我没有移动我的文件,create-react-app 总是以这种方式组织它们,不得不重命名和重新路由我的公共文件夹听起来比它应该更复杂,嗯,网络上的其他人哈哈
    • 这更像是一个 GitHub Pages 的东西。如果您使用 VercelNetlify 之类的东西,它们的可配置性更高,因此没有相同的限制。谷歌搜索教程,如果你找到this one,它肯定会遗漏一些东西。一件事是包gh-pages 使用您的GitHub Pages 站点从名为gh-pages 的分支提供服务的设置。同样,您需要配置您的 repo 以查看该分支名称。
    • 感谢阅读本文的人:如果您在项目中使用 react-router-dom,您的 React 应用程序将永远无法在 GH 页面上运行...不支持。我选择了 Firebase。
    猜你喜欢
    • 1970-01-01
    • 2015-06-04
    • 2019-12-16
    • 1970-01-01
    • 2020-11-28
    • 1970-01-01
    • 2018-12-03
    • 2014-01-26
    • 2021-07-25
    相关资源
    最近更新 更多