Question

我在使用Angular开发PWA时遇到问题。在移动设备中将应用程序添加到主屏幕后，我尝试从主屏幕打开它，但不是显示菜单，只是在启动屏幕之后它显示我的manifest.json文件。

{
  "name": "Bitpoint",
  "short_name": "Bitpoint",
  "theme_color": "#03A9F4",
  "background_color": "#03A9F4",
  "display": "standalone",
  "Scope": "/",
  "orientation": "portrait",
  "start_url": "#/app/recibirpago",
  "icons": [
    {
      "src": "assets/images/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "assets/images/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "assets/images/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png"
    },
    {
      "src": "assets/images/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "assets/images/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png"
    },
    {
      "src": "assets/images/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "assets/images/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "assets/images/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

您可以自行检查此错误，转到my app并将应用添加到主屏幕。

Answer 1

在start_url中需要设置index.html文件的路径，例如：

"start_url": "index.html/#/app/recibirpago",或 "start_url": "./#/app/recibirpago",

Answer 2

我添加了/作为起始网址

start_url:"/"

PWA在启动画面后显示manifest.json

2 个答案: