Manifest.json未复制到dist

Question

我的角度项目的目的是实现“添加到主屏幕”的移动功能。在此过程中，我选择了manifest.json /PWA方法，并在index.html(根模板)级别上的项目根文件夹中创建了manifest.json，并使用以下语句在根模板(index.html)的head部分中添加了manifest.json：但是在"ng构建“时，我看到清单文件没有复制到dist，因此在"dev tools->application->清单”中单击"add“时显示了以下错误

角运行在开发模式中。调用enableProdMode()来启用生产模式。找人帮忙！

**localhost/:1 GET http://localhost:4200/src/manifest.json 404 (Not Found)
manifest.json:1 Manifest: Line: 1, column: 1, Unexpected token.**

下面的是清单文件：

{
  "short_name": "Bus Express",
  "name": "BusEx",
  "start_url": "/",
  "background_color": "#ffffff",
  "display": "standalone",
  "scope": "/",
  "theme_color": "#fff",
  "icons": [
    {
      "src": "/assets/images/rateexpress128.png",
      "type": "image/png",
      "sizes": "128x128"
    },
    {
      "src": "/assets/images/rateexpress144.png",
      "type": "image/png",
      "sizes": "144x144"
    }
  ]
}

Answer 1

默认情况下，文件不会复制到dist文件夹。您需要在angular.json配置文件(如果是角版本>= 6)、assets选项、看这里有个例子或.angular-cli.json配置文件(如果角版本< 6) 看这里有个例子中手动添加它们。

Answer 2

另外，我在内部将文件名更改为manifest.json，而angular.json包含条目manifest.webmanifest.

Answer 3

go to angular.json

add manifest.json location in assets

"assets": [
              "src/favicon.ico",
              "src/assets",
              "src/manifest.json"
          ],

使用ng serve重新启动开发服务器