在第一页重新加载时，在 Safari 浏览器上用 PWA 空白屏幕白色反应 Js

Question

请帮我，

我尝试找出 react js with PWA 的错误，控制台中没有错误，第一次加载时只是空白，如果我再次加载，它工作正常。在另一个浏览器 chrome 中，firefox 运行良好。

这只是第一次加载时发生。第二次它很好，第三次它会再次黑屏。

我记录了加载器路由，并显示应用程序不会在第一次调用路由。但我不知道为什么，它只在 safari 中

这是我的包 json

  "scripts": {
     "start": "pawjs --no-cache --env=development start",
     "build": "pawjs --no-cache --env-config-path=./.prod.env --env=production build",
     "build:demo": "pawjs --no-cache --env-config-path=./.demo.env --env=production build",
     "lint": "pawjs lint",
     "test": "pawjs --no-cache test"
  },
  "dependencies": {
    "@fullpage/react-fullpage": "^0.1.17",
    "@pawjs/image-optimizer": "^2.2.5",
    "@pawjs/pawjs": "3.0.0-beta.2",
    "@pawjs/sass": "^2.2.4",
    "@pawjs/srcset": "^2.1.3",
    "@types/react": "^16.9.13",
    "@types/react-dom": "^16.9.4",
    "animate.css": "^3.7.2",
    "axios": "^0.19.1",
    "bootstrap": "^4.4.1",
    "bulma": "^0.8.0",
    "cloudinary": "^1.17.0",
    "clsx": "^1.1.0",
    "crypto-js": "^3.3.0",
    "eslint-import-resolver-webpack": "^0.11.1",
    "fork-ts-checker-webpack-plugin": "^3.1.1",
    "fuzzyset": "0.0.4",
    "fuzzyset.js": "^0.0.8",
    "google-maps-react": "^2.0.2",
    "i18next": "^19.1.0",
    "i18next-browser-languagedetector": "^4.0.1",
    "i18next-xhr-backend": "^3.2.2",
    "mdbreact": "^4.25.1",
    "moment": "^2.24.0",
    "node-sass": "^4.13.1",
    "numeral": "^2.0.6",
    "prop-types": "^15.7.2",
    "react-animate-on-scroll": "^2.1.5",
    "react-aws-s3": "^1.3.0",
    "react-big-calendar": "^0.23.0",
    "react-bootstrap": "^1.0.0-beta.16",
    "react-bootstrap-carousel": "^4.0.3",
    "react-calendar": "^2.19.2",
    "react-google-places-suggest": "^3.9.2",
    "react-i18next": "^11.3.2",
    "react-slideshow-image": "^1.3.4",
    "react-tabs": "^3.1.0",
    "reactstrap": "^8.4.1",
    "snyk": "^1.291.0",
    "universal-fetch": "^1.0.0",
    "validate": "^5.1.0",
    "validate.js": "^0.13.1"
  },
  "snyk": true,
  "devDependencies": {
    "@pawjs/redux": "^2.2.2",
    "css-loader": "^3.2.1",
    "react-redux": "^7.1.3",
    "redux": "^4.0.5",
    "style-loader": "^1.0.1",
    "webpack-bundle-analyzer": "^3.6.0"
  }

注意*：我认为这不是错误原因“提取”，因为我已经删除了提取并且仍然如此。

我还是很困惑，需要你的帮助，如果你知道，请给我一个解决方案谢谢朋友

Answer 1

我也有同样的问题。任何人都可以弄清楚 Safari 的情况！我已经通过 nginx 禁用了缓存：

add_header Cache-Control no-store always

症状相同。