Angular Servicer Worker 错误，Driver.onPush 出现意外标记（ngsw-worker.js:2023）答案

【问题标题】：Angular Servicer Worker error , Unexpected tokenat Driver.onPush (ngsw-worker.js:2023)Angular Servicer Worker 错误，Driver.onPush 出现意外标记（ngsw-worker.js:2023）
【发布时间】：2019-11-06 10:31:52
【问题描述】：

您好，我正在使用 Angular Service Worker 在我的网络上发送通知，但是当我尝试在浏览器中使用网络推送命令发送通知时，我收到了 json 错误 ngsw-worker.js:2023 Uncaught SyntaxError: 位置 1 处 JSON 中的意外标记 m 在 Driver.onPush (ngsw-worker.js:2023) 在 ngsw-worker.js:1913

网络的推送发送通知--endpoint = “https://fcm.googleapis.com/fcm/send/e8p-BuHFC6E:APA91bHdSY408RYfoNYfPepyPQRgmEDuCTzHOPVQ44tg33vTuYOQafCejxG28SOpkZJn6kMMyUVCAB_imJAc_35Yy4WQuoyDYAeUPOcrzzlWfXe0Ws0TQ_z_ynvKL_bGfnobZTT7EtWB” --key = “XXXXXXXXX” --auth = “XXXXXXXX” - payload='{data:"asdasda"}' --vapid-subject="mailto:e@yoin.org" --vapid-pubkey= --vapid-pvtkey=

如果是有效载荷格式或其他什么，我不知道我做错了什么

【问题讨论】：

标签： javascript angular service-worker progressive-web-apps

【解决方案1】：

@Matias 这是因为 nsgsw-worker.js 没有与 ngsw.json 正确通信。请再次检查您的 ngsw.json。如果这不起作用，请发送您的 ngsw.json 。您可以从 https://blog.angular-university.io/angular-service-worker/ 获得帮助，或者这应该类似于

{
    "index": "/index.html",
    "assetGroups": [{
            "name": "app",
            "installMode": "prefetch",
            "resources": {
                "files": [
                    "/favicon.ico",
                    "/index.html",
                    "/*.css",
                    "/*.js"
                ]
            }
        }, {
            "name": "assets",
            "installMode": "lazy",
            "updateMode": "prefetch",
            "resources": {
                "files": [
                    "/assets/**"
                ]
            }
        }, {
            "buildOptimizer": true,
            "serviceWorker": true,
            "ngswConfigPath": "src/ngsw-config.json",
            "fileReplacements": [{
                "replace": "src/environments/environment.ts",
                "with": "src/environments/environment.prod.ts"
            }]
        }

    ]
}

【讨论】：

【解决方案2】：

@阿尼尔感谢您的回答，我使用该教程来指导我这是我的 ngsw-config.json

{
    "$schema": "./node_modules/@angular/service-worker/config/schema.json",
    "index": "/index.html",
    "assetGroups": [
        {
            "name": "app",
            "installMode": "prefetch",
            "resources": {
                "files": [
                    "/favicon.ico",
                    "/index.html",
                    "/*.css",
                    "/*.js",
                    "/assets/*"
                ]
            }
        },
        {
            "name": "assets",
            "installMode": "lazy",
            "updateMode": "prefetch",
            "resources": {
                "files": [
                    "/assets/**",
                    "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
                ]
            }
        }
    ],
    "dataGroups": [
        {
            "name": "api-freshness",
            "urls": [
                "/Notification"
            ],
            "cacheConfig": {
                "maxSize": 100,
                "maxAge": "3d",
                "timeout": "1m",
                "strategy": "freshness"
            }
        }
    ]
}

如果发送空消息，它会返回另一个错误，我不知道有效负载的结构是否正确

   let payLoad = {
  "notification": {
    "title": "The push notification title",
    "actions": [
      {
        "action": "actionOne",
        "title": "Action One"
      }
    ],
    "body": "The is the body which will be shown on notification",
    "dir": "auto",
    "icon": "path to icon",
    "badge": "path to badge",
    "lang": "en",
    "renotify": true,
    "requireInteraction": true,
    "tag": 926796012340920300,
    "vibrate": [300, 100, 400],
    "data": {
      // this object can contain arbitrary info
    }
  }
}

【讨论】：