javascript - Angular manifest.json 行 : 1, 列 : 1, 意外 token

Question

Angular 7 项目，我使用了 https://realfavicongenerator.net/生成我的图标。它带有一个 list 文件，当我进行产品构建时，它总是会抛出错误。

list 文件非常简单

{
  "name": "My app",
  "short_name": "app",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

在 index.html 中有指向它的链接

<link rel="manifest" href="assets/images/manifest.json" />

请注意，我的所有图像和 list 文件都在 /assets/images 中

在 angular.json 中我有

"assets": ["src/assets", "src/assets/images"],

我现在最好的领导是在我的产品构建中，manifest.json 文件在这里显示为空。我不确定为什么。当我进行本地产品构建时，我会在正确的位置看到带有完整 json 的 list 文件。

它一直吐出来 list :行:1，列:1，意外标记。在控制台中。多半是因为上面的原因。因此，如果我能找到它显示为空的原因，它可能会解决问题。

Answer 1

list 文件应为 manifest.webmanifest。文件应具有 .webmanifest 扩展名。

引用https://developer.mozilla.org/en-US/docs/Web/Manifest