尝试重新加载应用程序时，在heroku上出现反应问题，出现白屏

Question

当我尝试在url.com/settings/device上重新加载应用程序时，在控制台中可以看到以下错误，或者有两个子路由的任何东西，我不确定要发出什么，因为它不能通过localhost复制。

Uncaught SyntaxError: Unexpected token '<'

main.1982b69e.chunk.js:1 Uncaught SyntaxError: Unexpected token '<'

manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.

package.json

{
  "name": "react-template",
  "version": "0.1.0",
  "private": true,
  "homepage": ".",
  "engines": {
    "node": "^v16.5.0"
  },
  "dependencies": {
    "@emotion/react": "^11.4.1",
    "@emotion/styled": "^11.3.0",
    "@mui/icons-material": "^5.0.1",
    "@mui/material": "^5.0.1",
    "@mui/styles": "^5.0.1",
    "@testing-library/jest-dom": "^5.14.1",
    "@testing-library/react": "^12.0.0",
    "@testing-library/user-event": "^13.2.1",
    "axios": "^0.21.4",
    "browserslist": "^4.16.4",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-loading-skeleton": "^2.2.0",
    "react-phone-input-2": "^2.14.0",
    "react-promise-tracker": "^2.1.0",
    "react-router-dom": "^5.3.0",
    "react-scripts": "^4.0.3",
    "react-spinners": "^0.11.0",
    "react-toastify": "^8.0.2",
    "retry-axios": "^2.6.0",
    "web-vitals": "^2.1.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "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"
    ]
  }
}

编辑1：

我已经知道，如果我把package.json中的主页改成react应用程序的url，这个问题就解决了，但我想找一个“一刀切”的解决方案，因为我不想每次换了主机平台就得不停地换主页。

编辑2:我想我只需要设置package.json "homepage": "/",就可以让它按照我想要的方式工作。

Answer 1

设置package.json中的主页值为“主页”："/"，

• 以/开头，从根目录解析，使用./从当前目录解析，使用../，从父目录解析