首页 > 解决方案 > 创建 React App iOS 添加到主屏幕显示白页

问题描述

我有一个带有 create-react-app 的反应应用程序,我想让用户可以将它添加到主屏幕。

这是我的清单文件:

{
  "short_name": "React App",
  "name": "React App",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

当我将应用程序添加到 iOS 的主屏幕并打开它时,它会显示一个空白页面。如果我在 Safari 中打开它,它工作正常。有谁知道为什么会这样?

标签: javascriptiossafaricreate-react-appprogressive-web-apps

解决方案


也在寻找避免这个问题的最佳方法。现在,我发现了这个:https ://ayastreb.me/react-router-in-home-screen-pwa/

基本上使用哈希路由。


推荐阅读