javascript - 从 Messenger 或 MetaMask 打开我的 Web 应用程序时出现黑屏

Question

我的 dapp 在用 Chrome 打开时运行良好。但是，当使用 Facebook Messenger 应用内浏览器或 MetaMask 应用内浏览器打开它时，应用程序似乎崩溃并且只显示一个空白屏幕。

我正在使用 React JS，但我完全不知道可能是什么问题。我也不知道从Messenger应用内浏览器打开应用程序时是否可以调试并获取应用程序的日志。

如果有人能给我一些关于如何解决此类问题的提示，那就太好了。

谢谢，

包.json

  {
  "name": "dp",
  "version": "1.0.0",
  "description": "dp",
  "directories": {
    "test": "test"
  },
  "dependencies": {
    "@material-ui/core": "^4.12.3",
    "@material-ui/icons": "^4.11.2",
    "@metamask/detect-provider": "^1.2.0",
    "axios": "^0.21.1",
    "bootstrap": "^4.6.0",
    "bootstrap-icons": "^1.5.0",
    "browser-image-compression": "^1.0.15",
    "compressorjs": "^1.0.7",
    "crypto-price": "0.0.6",
    "css-loader": "^6.2.0",
    "dom-loaded": "^3.0.0",
    "firebase": "^8.9.1",
    "firebase-admin": "^9.11.1",
    "get-orientation": "^1.1.2",
    "image-compressor": "^2.0.3",
    "imagemin": "^8.0.1",
    "imagemin-jpegtran": "^7.0.0",
    "imagemin-pngquant": "^9.0.2",
    "mdb-ui-kit": "^3.9.0",
    "react-bootstrap": "^1.6.1",
    "react-device-detect": "^1.17.0",
    "react-dom": "^17.0.2",
    "react-easy-crop": "^3.5.2",
    "react-gallery-picker": "^1.1.2",
    "react-image-gallery": "^1.2.7",
    "react-images-upload": "^1.2.8",
    "react-images-uploading": "^3.1.3",
    "react-load-screen": "0.0.12",
    "react-loader-spinner": "^4.0.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^4.0.3",
    "react-upload-gallery": "^0.2.0",
    "react-window-dimensions": "^1.0.2",
    "uuid": "^8.3.2",
    "web3": "^1.5.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "author": "",
  "license": "ISC",
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "@openzeppelin/contracts": "^3.3.0"
  }
}

标签： javascriptnode.jsreactjsweb3metamask