使用 gh-pages 部署反应应用程序的问题

Question

我在使用 gh-pages 部署我的 react 应用时遇到了问题。我尝试了来自 YT 和 Google 第一个站点的所有指南。而且我的 GitHub 页面仍然没有显示应用程序。链接到我的回购： https://github.com/maksymilianMroz/react-todo-app

问题是哪里出了问题？我没有在代码中写smth？我怎样才能解决这个问题？ （我想通过 ghpages 在我的 react 应用上实时预览）

Answer 1

当您打开您的项目站点https://maksymilianmroz.github.io/react-todo-app/ 并启用浏览器的开发人员工具并进行完全刷新时，您将看到所有 javascript 和 css 引用都会导致 404。这是因为所有 url 都以 @987654326 为前缀@。

例如https://maksymilianmroz.github.io/maksymilianMroz/react-todo-app/static/css/main.fbf7fb8c.chunk.css

应该在哪里https://maksymilianmroz.github.io/react-todo-app/static/css/main.fbf7fb8c.chunk.css

这是由你的 package.json 文件的 homepage 属性引起的，如npm run build 的输出所示

如果您在 package.json 中调整该属性，您的构建会很好。

{
  "name": "react-todo-app",
  "version": "0.1.0",
  "private": true,
  "homepage": "https://maksymilianMroz.github.io/react-todo-app",
  ...
}