部署反应应用

Question

我尝试在 github 上部署我的网站，我使用了 followid 命令：

1. “主页”：“https://neqts.github.io/PortfolioTopor”，
2. npm install gh-pages --save-dev
3. “预部署”：“npm 运行构建”， “部署”：“gh-pages -d 构建”
4. git远程添加源https://github.com/neqts/PortfolioTopor.git
5. npm 运行部署
6. 点击环境 gh-pages 后，我只在网站上上传导航栏https://neqts.github.io/PortfolioTopor/

帮助...

Answer 1

查看您网站的缩小代码，我可以看到

Object(r.jsx)(r.Fragment, {
  children: Object(r.jsxs)(a.a, {
    children: [
      Object(r.jsx)(x, {}),
      Object(r.jsx)(j.c, {
        children: Object(r.jsx)(j.a, {
          path: "/",
          exact: !0,
          component: L,
        }),
      }),
    ],
  }),
});

闻起来很像react-router 路线。

您的路由器需要一个 / 路径，但您的路径在部署时是 /PortfolioTopor/。

react-router 的新版本显然支持 a basename prop on the router - 您也应该将其设置为 /PortfolioTopor/。

Answer 2

这是由于您的反应应用程序。 Github 页面仅显示您构建的内容。

尝试在您的语言环境项目上运行npm run build 和serve -s build，以查看您的项目处于“生产”状态。如果它只显示导航栏，你需要修复你的 react-project。

PS：我查看了您的存储库PortfolioTopor，发现您只有一个分支“gh-pages”。你还没有将你的 master 分支推送到 github 上，但这就是 github-pages 拥有 master 和 gh-pages 分支的目的。