Reactjs 在firebase上部署后，React应用程序显示空白页

我的react应用程序在本地主机上运行得非常好，但当我在firebase主机上部署它时，它显示的是空白页面。它表明：

我查了一下internet和stack overflow，有很多类似的解决方案，我都试过了，但没有一个对我有效，这就是我再次询问的原因。我的firebase.json文件如下所示

    {
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.11.0",
    "@material-ui/icons": "^4.9.1",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "firebase": "^7.23.0",
    "firebase-admin": "^9.2.0",
    "react": "^16.13.1",
    "react-currency-format": "^1.0.0",
    "react-dom": "^16.13.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "3.4.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

我的package.json文件如下所示

    {
  "hosting": {
    "public": "build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.11.0",
    "@material-ui/icons": "^4.9.1",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "firebase": "^7.23.0",
    "firebase-admin": "^9.2.0",
    "react": "^16.13.1",
    "react-currency-format": "^1.0.0",
    "react-dom": "^16.13.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "3.4.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

---

我需要做什么才能在firebase主机上完美地工作？感谢您的帮助？

有控制台错误吗？如果是，请将其添加到问题中。在这个问题上已经有很多关于堆栈溢出的帖子了，你读过了吗，并从中尝试了一些东西？一目了然，可能是因为您有

“public”：“build”

，但在生产过程中，东西放在

dist

文件夹中，而不是

build

one@Jayce444据我所知，没有控制台错误。它在本地主机3000上的npm start上运行良好。另外，

npm运行构建

完成，没有错误，

firebase部署

完成得非常完美。是的，我已经阅读并尝试了所有当前可用的解决方案，但没有任何效果。执行

“public”：dist

firebase部署时出错，显示没有此类目录。我还发现，当在firebase上托管react应用程序时，构建效果很好，所以我认为这不是一个问题。。。我肯定还遗漏了什么。有控制台错误吗？如果是，请将其添加到问题中。在这个问题上已经有很多关于堆栈溢出的帖子了，你读过了吗，并从中尝试了一些东西？一目了然，可能是因为您有

“public”：“build”

，但在生产过程中，东西放在

dist

文件夹中，而不是

build

one@Jayce444据我所知，没有控制台错误。它在本地主机3000上的npm start上运行良好。另外，

npm运行构建

完成，没有错误，

firebase部署

完成得非常完美。是的，我已经阅读并尝试了所有当前可用的解决方案，但没有任何效果。执行

“public”：dist

firebase部署时出错，显示没有此类目录。我还发现，当在firebase上托管react应用程序时，构建效果很好，所以我认为这不是一个问题。。。我肯定还遗漏了什么。。