Question

我的Angular项目的目的是实现“添加到主屏幕”移动功能。在此过程中，我选择manifest / PWA方法，并在index.html（根模板）的同一级别的项目根文件夹中创建manifest.json，并在根模板（索引）的开头部分添加manifest.json。 .html），并附有以下声明：。但是在“ ng build”上，我看到清单文件没有复制到dist，因此，在“开发工具->应用程序->清单”中单击“添加到主屏幕”时，显示以下错误

Angular在开发模式下运行。调用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文件夹。您需要在assets选项see here for an example或.angular-cli.json配置文件中（如果Angular版本< 6），see here for an example。

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

Manifest.json没有复制到dist

3 个答案: