Question

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

"主页": "https://neqts.github.io/PortfolioTopor",
npm install gh-pages --save-dev
"predeploy": "npm run build", "deploy": "gh-pages -d build"
git remote add origin https://github.com/neqts/PortfolioTopor.git
npm 运行部署
点击环境 gh-pages 后，我只在网站 https://neqts.github.io/PortfolioTopor/ 上上传了导航栏

帮助...

Answer 1

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

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

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

Answer 2

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

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/。

部署反应应用程序

2 个答案: