时间戳

首页 > 解决方案 > 如何使用 react webapp 修复白屏？

javascript - 如何使用 react webapp 修复白屏？

问题描述

我在我的 react webapp 上得到一个白屏（在本地测试它），它昨天运行良好，今天当我尝试它时，我得到一个白屏。

我试图查看反应开发人员工具，但我什么也没看到。我在这个网络应用程序中使用 React 路由器和 firebase。下面是我的 package.json

 {
      "name": "numbr",
      "version": "0.1.0",
      "private": true,
      "dependencies": {
        "@material-ui/core": "^4.3.1",
        "express": "^4.17.1",
        "firebase": "^6.3.4",
        "mysql": "^2.17.1",
        "node-sass": "^4.12.0",
        "nodemon": "^1.19.1",
        "react": "^16.8.6",
        "react-dom": "^16.8.6",
        "react-native-indicators": "^0.13.0",
        "react-router-dom": "^5.0.1",
        "react-scripts": "3.0.1",
        "recompose": "^0.30.0"
      },
      "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"
        ]
      }
    }

提前感谢您的帮助！

标签： javascriptreactjs

解决方案

根据我自己的经验，我能想到的两件事：

  1. 清除所有缓存，然后重新启动。
  2. 您代码中某些内容的文件路径太长（尤其是在 node_modules 中）。

推荐阅读