Angular manifest.json行：1，列：1，意外令牌

Question

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

清单文件非常简单

{
  "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" />

请注意，我在/assets/images中拥有所有图像和此清单文件

在angular.json中，我有

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

目前最好的线索是在我的产品构建中，manifest.json文件在此处显示为空。我不确定为什么。当我执行本地产品构建时，我会在正确的位置看到带有完整json的清单文件。

它不断吐出 Manifest: Line: 1, column: 1, Unexpected token. 在控制台中。最可能是由于上述原因。因此，如果我能找到它显示为空的原因，则可能会解决问题。

Answer 1

清单文件应为manifest.webmanifest。文件的扩展名应为.webmanifest。

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