5

我的 Angular 项目的目的是实现“添加到主屏幕”的移动功能。在那个过程中，我选择了 manifest/PWA 方法，我在 index.html（根模板）的同一级别的项目的根文件夹中创建了 manifest.json，并在根模板的 head 部分（索引.html) 带有以下声明：. 但是在“ng build”时，我看到清单文件未复制到 dist，因此在“dev tools->application->manifest”中单击“add to homescreen”时显示以下错误

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"
    }
  ]
}
4

3 回答 3

4

默认情况下，文件不会复制到 dist 文件夹。您需要在assets选项中的 angular.json 配置文件（如果 Angular 版本 >= 6）中手动添加它们，请参阅此处以获取示例或在.angular-cli.json配置文件中（如果 Angular 版本 < 6），请参阅此处以获取示例。

于 2018-06-21T21:13:27.490 回答
1

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

于 2019-10-22T08:18:05.180 回答
0

go to angular.json

add manifest.json location in assets

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

restart dev server using ng serve

于 2021-07-06T10:06:05.443 回答