我的 React 应用程序在部署时显示白页（Netlify 和其他）

Question

我在部署 React 应用程序时遇到问题。它在我的本地计算机上完美运行，但当我将其部署在 Netlify 或其他托管平台上时，它只显示空白页面。我尝试了多种解决方案，但似乎没有任何效果。 GitHub 存储库 部署

尝试过的部署平台：Netlify、Vercel、Render、GitHub Pages 问题：部署的应用程序仅显示白屏，浏览器控制台中出现一些错误，我不知道如何修复。

Package.json

{
  "homepage": "https://aviralmehrotra.github.io/retro-flix/",
  "name": "popcorn",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d 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"
    ]
  },
  "devDependencies": {
    "gh-pages": "^6.0.0"
  }
}

我尝试过的：

• 直接从 GitHub 存储库部署。
• 从构建文件夹部署。
• 检查了日志，没有报出具体错误。
• 在不同浏览器上测试过，问题依然存在。

Answer 1

我删除了package.json中的homepage属性，现在它运行完美