首页 > 解决方案 > 构建显示空白页面的 React 应用程序后。如何解决这个问题呢?

问题描述

在我的反应应用程序中,当我在本地运行它时工作正常,主页和所有其他路由页面工作正常。

构建并运行它后,在浏览器中显示一个空白页面并在控制台中显示一些错误。

错误

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at Vs (react-dom.production.min.js:280)
    at react-dom.production.min.js:149
    at Ri (react-dom.production.min.js:176)
    at Bu (react-dom.production.min.js:271)
    at js (react-dom.production.min.js:250)
    at Es (react-dom.production.min.js:250)
    at ks (react-dom.production.min.js:250)
    at vs (react-dom.production.min.js:243)
    at fs (react-dom.production.min.js:237)
    at Xs (react-dom.production.min.js:285)

包.json

{
  "name": "binks-admin-dashboard",
  "homepage": "./",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "array-move": "^3.0.1",
    "bootstrap": "^4.5.3",
    "date-fns": "^2.16.1",
    "moment": "^2.29.1",
    "react": "^17.0.1",
    "react-bootstrap": "^1.4.3",
    "react-bootstrap-table-next": "^4.0.3",
    "react-bootstrap-table2-paginator": "^2.1.2",
    "react-date-range": "^1.1.3",
    "react-dom": "^17.0.1",
    "react-grid-gallery": "^0.5.5",
    "react-icons": "^4.1.0",
    "react-image-picker": "^1.1.1",
    "react-images-upload": "^1.2.8",
    "react-images-uploader": "^1.2.0-rc1",
    "react-images-uploading": "^3.1.2",
    "react-multi-carousel": "^2.6.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.1",
    "react-select": "^4.0.2",
    "react-slick": "^0.27.14",
    "react-sortable-hoc": "^1.11.0",
    "react-widgets": "^5.0.0-beta.22",
    "web-vitals": "^0.2.4"
  },
  "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"
    ],
  }
}

如何发现这个错误并解决问题?

标签: reactjsbuildcreate-react-app

解决方案


推荐阅读