如何调试我的进步web应用PWA为什么不转换为android apk？

Question

我正试图将我的PWA网站转换成一个Android apk文件，以便在Google商店中发布，但无法使用Bubblewrap或PWABuilder生成apk文件。我的PWA的网址是https://www.stephengarside.co.uk。

我正在运行以下命令行冒泡包装init --清单"https://www.stephengarside.co.uk/manifest.json"，所得到的错误是：

https://www.stephengarside.co.uk/manifest.json原因处的json响应体错误无效:位置0处JSON中的意外令牌

我的manifest.json文件是：

{
  "start_url": "/",
  "description": "The SG Digital app provides free articles on the latest web software development techniques including chatbots, VR and AR, progressive web apps and voice apps for smart speakers and displays.",
  "short_name": "SG Digital",
  "name": "SG Digital Web Development",
  "display": "standalone",
  "orientation": "any",
  "lang": "English",
  "scope": "/",
  "background_color": "#000",
  "theme_color": "#000",
  "icons": [
    {
      "src": "images/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "images/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "images/icons/icon-120x120.png",
      "sizes": "120x120",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "images/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "images/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "images/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "images/icons/icon-180x180.png",
      "sizes": "180x180",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "images/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "images/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "images/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ],
  "screenshots": [
    {
      "src": "images/screenshots/screenshot1.jpg",
      "sizes": "1280x720",
      "type": "image/jpg"
    },
    {
      "src": "images/screenshots/screenshot2.jpg",
      "sizes": "1280x720",
      "type": "image/jpg"
    }
  ]
}

我的PWA工作正常，我能够安装它，并且在Windows或Android设备上没有错误。谷歌灯塔也验证了它的PWA。我在PWABuilder上也有一个类似的错误。

我尝试将文件重命名为manifest.webmanfest，并使用https://manifest-validator.appspot.com/验证了清单。

由于我已经在我的机器上安装了该应用程序的服务wroker，我尝试注销以确保缓存中没有任何内容，并且尝试以匿名方式运行pwabuilder。

任何帮助都将不胜感激。

Answer 1

事实证明，这与我的Json文件的内容无关，而是编码。我下载了notepad++并用UTF8编码保存了manifest.json文件，从而解决了问题。您可以在本文https://www.stephengarside.co.uk/blog/how-to-create-a-pwa-umbraco-website/中阅读更多内容。