在 github 页面上发布的 React 应用显示白屏
react app published on github pages shows white screen
我有一个 React.js 应用程序，我构建了这个简单的 meme 生成器应用程序来尝试学习 Web 开发（对这些东西很陌生）并尝试使用 Github 页面托管它。我遵循了所有步骤，例如使用节点安装 gh-pages 并将 url 添加到 packages.json 并添加额外的 2 行代码用于预部署和部署。我将 github 页面的来源设置为 gh-pages。当我在终端中 运行 命令“npm 运行 deploy”时，我没有收到任何错误。但是，当我单击 link 时，出现白屏。控制台给出错误“Loading failed for the with source “https://z0onic.github.io/static/js/2.0b197680.chunk.js”。这是构建目录中的第一个 js 文件。我搜索得很漂亮很严重，发现其他人有类似的白屏问题，但 none 的答案有所帮助。我对这些答案进行了三重检查。根据我得到的错误，我认为这是一个构建错误，但我不知道如何修复它或弄清楚到底出了什么问题。
github 存储库位于 https://github.com/z0onic/meme-page and the link to the blank page that should be the hosted app is https://z0onic.github.io/meme-page/
当使用“npm start”命令通过 vs code 在本地托管时一切正常。
感谢任何帮助我希望我没有忽略一些愚蠢的事情但就像我说的我是编码新手并且仍在学习。
将 package.json 中的 homepage 设置为 "https://<username>.github.io/<reponame>/" 当然替换 <>
中的内容
我有一个 React.js 应用程序，我构建了这个简单的 meme 生成器应用程序来尝试学习 Web 开发（对这些东西很陌生）并尝试使用 Github 页面托管它。我遵循了所有步骤，例如使用节点安装 gh-pages 并将 url 添加到 packages.json 并添加额外的 2 行代码用于预部署和部署。我将 github 页面的来源设置为 gh-pages。当我在终端中 运行 命令“npm 运行 deploy”时，我没有收到任何错误。但是，当我单击 link 时，出现白屏。控制台给出错误“Loading failed for the with source “https://z0onic.github.io/static/js/2.0b197680.chunk.js”。这是构建目录中的第一个 js 文件。我搜索得很漂亮很严重，发现其他人有类似的白屏问题，但 none 的答案有所帮助。我对这些答案进行了三重检查。根据我得到的错误，我认为这是一个构建错误，但我不知道如何修复它或弄清楚到底出了什么问题。
github 存储库位于 https://github.com/z0onic/meme-page and the link to the blank page that should be the hosted app is https://z0onic.github.io/meme-page/
当使用“npm start”命令通过 vs code 在本地托管时一切正常。
感谢任何帮助我希望我没有忽略一些愚蠢的事情但就像我说的我是编码新手并且仍在学习。
将 package.json 中的 homepage 设置为 "https://<username>.github.io/<reponame>/" 当然替换 <>