Angular 角度6-未获取任何清单

我正在尝试在我的应用程序中使用服务人员

我添加了

@angular/pwa

， 注册服务人员：

if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/ngsw-worker.js', {
        scope: '/'
    }).then((registration) => {
        console.log("Service worker OK!")
    });
}

当我在本地运行Google Lighthouse时，一切都很完美，并且该网站在联机模式下工作，但当我将应用程序上载到服务器时，Lighthouse中出现了一个错误：

No manifest was fetched.

我走错路了吗

manifest.json:
"start_url": "/index.html",

---

该错误意味着您的

index.html

文件没有告诉浏览器有关清单的信息。加：

<link rel="manifest" href="manifest.json">

---

添加

@angular/pwa

后，再次检查以下各项：

1.在

angular.json

文件的“资产”下，添加

manifest.json

，如下所示

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

2.您的

manifest.json

文件应该在

src/

目录中，因此

src/manifest.json

3然后在

ngsw config.json

文件中，您应该有以下内容：

  "files": [
    "/favicon.ico",
    "/index.html",
    "/manifest.json"
  ],

---

完成上面的三个步骤，你就可以开始了。

对于我来说，将清单放在head标签的顶部就完成了。我正在加载Facebook和Twitter上的脚本嵌入脚本，angular将 在头标签的底部。将其移动到脚本部分上方，不知何故修复了它

---

请添加灯塔报告截图或应用程序链接。