json 清单图标第1行无,列:1,意外标记

djp7away  于 2022-11-26  发布在  其他
关注(0)|答案(3)|浏览(178)

这似乎是Stackflow中的一个老问题,但我无法让任何发布的解决方案发挥作用。
JSON在验证器中验证得很好,但是我一直收到下面的错误。问题是什么?
错误:manifest icons Line 1 not , column: 1, Unexpected token.

{
         "name": "slangoApp",
         "icons": [
          {
           "src": "\/android-icon-36x36.png",
           "sizes": "36x36",
           "type": "image\/png",
           "density": "0.75"
          },
          {
           "src": "\/android-icon-48x48.png",
           "sizes": "48x48",
           "type": "image\/png",
           "density": "1.0"
          },
          {
           "src": "\/android-icon-72x72.png",
           "sizes": "72x72",
           "type": "image\/png",
           "density": "1.5"
          },
          {
           "src": "\/android-icon-96x96.png",
           "sizes": "96x96",
           "type": "image\/png",
           "density": "2.0"
          },
          {
           "src": "\/android-icon-144x144.png",
           "sizes": "144x144",
           "type": "image\/png",
           "density": "3.0"
          },
          {
           "src": "\/android-icon-192x192.png",
           "sizes": "192x192",
           "type": "image\/png",
           "density": "4.0"
          }
         ]
        }
4ngedf3f

4ngedf3f1#

manifest.json应该存在于index.html所在的目录中。而不是在任何其他目录中。如果您使用react,则可能是在src目录中放错了位置。

n1bvdmb6

n1bvdmb62#

这是因为浏览器无法理解manifest文件的MIME类型,因此无法找到它。在Chrome DevTools〉Network〉Headers〉Content-Type中,manifest的内容类型必须与实际的manifest文件扩展名(.json.webmanifest)匹配。
在ASP.NET中,需要在web.config中声明文件类型:

<staticContent>
  <mimeMap fileExtension=".json" mimeType="application/json" />
  <mimeMap fileExtension=".webmanifest" mimeType="application/manifest+json" />
</staticContent>
vuktfyat

vuktfyat3#

"name": "slangoApp",应与此"name": "slangoapp",类似。请记住,它不应包含大写字母或空格。

相关问题