我的应用程序在部署到 github 页面后无法运行（create-react-app）

Question

我试图部署我的应用程序 throw Github Pages，它是使用 create-react-app、material-ui、redux、redux-saga 构建的。 我相信这可能与路线有关

虽然当我试图发布它以获得评论时，我得到了这些错误：

Error with Permissions-Policy header: Unrecognized feature: 'interest-cohort'.
react-dom.production.min.js:216 TypeError: Cannot read property 'row' of undefined
    at user-posts.page.js:46
    at oa (react-dom.production.min.js:157)
    at Hu (react-dom.production.min.js:267)
    at jl (react-dom.production.min.js:250)
    at El (react-dom.production.min.js:250)
    at Sl (react-dom.production.min.js:250)
    at vl (react-dom.production.min.js:243)
    at fl (react-dom.production.min.js:237)
    at Xl (react-dom.production.min.js:285)
    at react-dom.production.min.js:289
uu @ react-dom.production.min.js:216
n.callback @ react-dom.production.min.js:216
di @ react-dom.production.min.js:131
hu @ react-dom.production.min.js:220
Ml @ react-dom.production.min.js:259
t.unstable_runWithPriority @ scheduler.production.min.js:18
$o @ react-dom.production.min.js:122
Pl @ react-dom.production.min.js:252
vl @ react-dom.production.min.js:243
fl @ react-dom.production.min.js:237
Xl @ react-dom.production.min.js:285
(anonymous) @ react-dom.production.min.js:289
gl @ react-dom.production.min.js:244
rs @ react-dom.production.min.js:289
t.render @ react-dom.production.min.js:296
154 @ index.js:12
a @ (index):1
t @ (index):1
r @ (index):1
(anonymous) @ main.4bfcaa8c.chunk.js:1
react-dom.production.min.js:260 Uncaught TypeError: Cannot read property 'row' of undefined
    at user-posts.page.js:46
    at oa (react-dom.production.min.js:157)
    at Hu (react-dom.production.min.js:267)
    at jl (react-dom.production.min.js:250)
    at El (react-dom.production.min.js:250)
    at Sl (react-dom.production.min.js:250)
    at vl (react-dom.production.min.js:243)
    at fl (react-dom.production.min.js:237)
    at Xl (react-dom.production.min.js:285)
    at react-dom.production.min.js:289

这是我的 Package.json：

    {
  "name": "re-deploy-task",
  "homepage": "https://kyrolosmagdy.github.io/task",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.11.4",
    "@material-ui/icons": "^4.11.2",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "axios": "^0.21.1",
    "moment": "^2.29.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-moment": "^1.1.1",
    "react-redux": "^7.2.4",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.3",
    "redux-logger": "^3.0.6",
    "redux-saga": "^1.1.3",
    "web-vitals": "^1.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "gh-pages": "^3.2.0"
  }
}

我尝试过的事情：1-创建一个新的回购并推送到它，尝试将它重建到那里，它也没有工作。 2-创建一个新的create-react-app，将其推送到github，重新部署，它可以工作但不能使用该代码。

如果有人对如何解决它有任何想法，请随时与我联系。

Answer 1

一切看起来都不错，但请尝试跑步

1. npm 运行构建
2. npm 运行部署

要不就

1. npm 运行部署