【问题标题】:My react app does not seen in github pages like a code我的反应应用程序没有像代码一样在 github 页面中看到
【发布时间】:2021-08-13 15:27:46
【问题描述】:

我看了很多视频,阅读了很多文档,但我做不到这个主题。你能帮帮我吗?

首先,我在 github 上有一个 react 应用,这里:https://github.com/alper-efe-sahin/portfolio-v2 (它完成了应用程序)

我有 2 个分支,第一个 MASTER 分支和第二个 GH-PAGES 分支。

我使用 npm run build 和 npm run deploy 代码创建了 GH-PAGES。 你也可以在这里看到我的一些包 json 代码:

    "gh-pages": "^3.2.3",
    "deploy": "gh-pages -d build"
  "homepage": "https://github.com/alper-efe-sahin/portfolio-v2",

当我尝试创建 github 页面时,它会显示我的 github 页面,注意它的代码。 (例如,它显示的是 react 文档,而不是 react 代码,不是 html css 等)

我怎样才能像一个好的网站一样显示我的代码?

【问题讨论】:

  • 那个repo对应的GitHub Pages站点是alper-efe-sahin.github.io/portfolio-v2,所以主页设置显然是错误的一件事。
  • 再次查看@jonrsharpe 它是空的,因为我的 html 文件是空的。我不使用html,我使用react,我有不同的jsx文件
  • React 应用程序仍然使用 HTML...您是否尝试在控制台中查看为什么它是一个空白页面?

标签: reactjs github github-pages


【解决方案1】:

您在package.json 中的属性homepage 设置了错误的值

应该是https://alper-efe-sahin.github.io/portfolio-v2

还要在 scripts 中添加脚本 "predeploy": "npm run build" 和 deploy ,这样当您运行 npm run deploy 时,它也会首先使用 npm 构建您的应用程序。

来源:The guide I followed for my cra

【讨论】:

  • 老兄,我有自己的域名。当我单击我自己的域( aesahin.software )时,它会给出空白页面,但 github 链接有效。为什么?
  • 加载资源失败:服务器响应状态为 404 () 它是控制台日志
  • 你试过aesahin.software/portfolio-v2吗?我从未尝试过自定义域,所以我真的不知道如何为您提供帮助,抱歉
  • 好的,谢谢。 (顺便说一句,我试过了,它不起作用)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-12-12
  • 1970-01-01
  • 2012-04-26
  • 1970-01-01
  • 1970-01-01
  • 2016-06-25
  • 2021-03-23
相关资源
最近更新 更多