部署反应应用程序

如何解决部署反应应用程序

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

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

帮助...

解决方法

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

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

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

,

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

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